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

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

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

Answer 2

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

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

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

jQuery和Wordpress链接不起作用

2 个答案: