jQuery和Wordpress链接不起作用 - jQuery and Wordpress links not working

jQuery and Wordpress links not working

我的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();
  });
});

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

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

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

请通过替换以下脚本来解决问题

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