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

事件传播可能有问题。如果单击子菜单中的链接，则单击事件将传播到周围的菜单项并触发您的JS代码。

请尝试添加此代码以防止传播效果：

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

Answer 2

请通过替换下面的脚本来解决这个问题

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