Question

我的页面左边有手风琴菜单。今天我注意到访问量急剧减少，试图找到问题我发现我的菜单已在3周前停止工作。它曾经在我点击箭头时下拉，当我点击具有子菜单的菜单时，它仍保持打开状态，并在父菜单中突出显示。现在当我点击产品时，我的菜单不再崩溃了。试图改变类和链接到最新版本的jQuery但没有工作。请帮助我，或者是什么导致它突然停止工作？

My site with not working menu

的Javascript

idx

CSS

<script src="http://code.jquery.com/jquery-3.1.0.min.js" type="text/javascript">
( function( $ ) {
$( document ).ready(function() {
   $('#left li.menu-item-has-children').prepend('<span class="holder"></span>');
   $('#left li.menu-item-has-children > .holder').on('click', this, function(){
      var element = $(this).parent('li');
        if (element.hasClass('open')) {
            element.removeClass('open');
            element.find('li').removeClass('open');
            element.find('ul').slideUp();
        }
        else {
            element.addClass('open');
            element.children('ul').slideDown();
            element.siblings('li').children('ul').slideUp();
            element.siblings('li').removeClass('open');
            element.siblings('li').find('li').removeClass('open');
            element.siblings('li').find('ul').slideUp();
        }
   });
 $('#left li.current-menu-item').addClass('open').children('ul').slideDown();
  });
})(jQuery);
</script>

Answer 1

由于html标记问题（脚本标记），您的脚本无效。请使用firebug＆gt;进行检查。脚本＆gt;内联在第444行附近：

<script src="http://code.jquery.com/jquery-3.1.0.min.js" type="text/javascript">( function( $ ) { $( document ).ready(function() {

等

您应该关闭脚本标记，然后打开一个新标记：

<script src="http://code.jquery.com/jquery-3.1.0.min.js" type="text/javascript"</script><script>( function( $ ) { $( document ).ready(function() { .... </script>

Answer 2

您的选择器似乎没有任何匹配：

#left li.menu-item-has-children > .holder

我没有在li.menu-item-has-children定义中看到你的持有人课程。您似乎应该在<a>元素中添加 holder 类。

如果有帮助，请告诉我。

下拉菜单停止工作

2 个答案: