jQuery 및 Wordpress 링크가 작동하지 않습니다.

Question

내 WordPress 메뉴에 문제가 있습니다. 내가 jQuery를 삽입 한 후 메뉴와 사이드 바 내 링크 (작동하지 않습니다 무엇을 주셔서 감사합니다

내 코드 :.?!

HTML

<ul class="menu"> 
    <li class="menu-item"> 
    <a href="#">Link text</a> 
    <ul class="sub-menu"> 
     <li><a>Text</a></li> 
     <li><a>Text</a></li> 
     <li><a>Text</a></li> 
    </ul> 
    </li> 
</ul> 

jQuery를

$(document).ready(function(){ 
    $('li.menu-item').each(function() { 
    var $dropdown = $(this); 
    $($dropdown).click(".menu-item a", function(e) { 
     e.preventDefault(); 
     $ul = $("ul.sub-menu", $dropdown); 
     $('ul.sub-menu').toggle(); 
     $("ul.sub-menu").not($ul).hide(); 
     return false; 
    }); 

}); 

    $('html').click(function(){ 
    $("ul.sub-menu").hide(); 
    }); 

}); 

Answer 1

이벤트 전파에 문제가있을 수 있습니다. 하위 메뉴 내의 링크를 클릭하면 click 이벤트가 주변 메뉴 항목에 전파되고 JS 코드가 트리거됩니다.

이

$("ul.sub-menu a").click(function(event) { 
    event.stopPropagation(); 
}); 

Answer 2

아래 스크립트를 대체하여 문제를 해결하십시오.

<li class="menu-item> to <li class="menu-item">