다중 레벨 오프 캔버스 메뉴를 만들고 싶지만 Jquery가 하위 항목별로 클래스를 제거하지 않기 때문에 오류가 발생했습니다. 예를 들어 "뒤로"를 누르면 아무것도 나타나지 않고 크롬의 개발자 도구를 사용한 경우 div 클래스에 어떤 것이 추가되었지만 제거되지는 않음을 알 수 있습니다.
여기 바이올린입니다
$(function(){
$(".m-nav-back").click(function(){
$(".under-level").removeClass("active");
});
});
이벤트가 버블 링됨에 따라 발생하므로 back의 클릭 으로 클래스가 제거 되고 읽은 후 클래스가 제거됩니다 . 따라서 다음을 사용하십시오.
또한 요소에 클래스가 있는지 확인한 다음 제거 할 필요가 없습니다. 간단히 토글 :
$(".m-nav-opener").click(function(){
$("body").toggleClass("m-nav-open");
});
또한 $(function() { blah blah });여러 번 사용할 필요가 없습니다 .
여기에 데모가 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다