Javascript 下拉菜单停止工作

Javascript 下拉菜单停止工作,javascript,jquery,css,wordpress,Javascript,Jquery,Css,Wordpress,我的页面左边有手风琴菜单。今天我注意到访问量急剧减少,试图找出问题,我发现我的菜单在三周前就停止工作了。当我单击箭头时,它会下拉,当我单击有子菜单的菜单时,它会保持打开状态,并在父菜单处高亮显示。现在,当我点击产品时,我的菜单不再崩溃。尝试更改类并链接到最新版本的jQuery,但未成功。 请帮帮我,或者是什么原因导致它突然停止工作 Javascript <script src="http://code.jquery.com/jquery-3.1.0.min.js" type="text/

我的页面左边有手风琴菜单。今天我注意到访问量急剧减少,试图找出问题,我发现我的菜单在三周前就停止工作了。当我单击箭头时,它会下拉,当我单击有子菜单的菜单时,它会保持打开状态,并在父菜单处高亮显示。现在,当我点击产品时,我的菜单不再崩溃。尝试更改类并链接到最新版本的jQuery,但未成功。 请帮帮我,或者是什么原因导致它突然停止工作

Javascript

<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>

由于html标记问题(脚本标记),您的脚本无法工作。请在第444行左右使用firebug>script>inline检查脚本:

(函数($){
$(文档).ready(函数(){

等等

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


由于html标记问题(脚本标记),您的脚本无法工作。请在第444行左右使用firebug>script>inline检查脚本:

(函数($){
$(文档).ready(函数(){

等等

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


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

#left li.menu-item-has-children > .holder
我在li.menu-item-has-children定义中没有看到您的holder类。看起来您应该向
元素添加holder


如果有帮助,请告诉我。

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

#left li.menu-item-has-children > .holder
我在li.menu-item-has-children定义中没有看到您的holder类。看起来您应该向
元素添加holder


如果有帮助,请告诉我。

你能提供html吗?你是说左边的菜单,是吗?是的,它在左边。你能提供html吗?你是说左边的菜单,是吗?是的,它在左边。谢谢你的关注,我以前已经将它从单独的块更改为你指出的块,但忘了再次更改它。现在我知道了我喜欢你说的,但它仍然不起作用。当我单击页面中心的product时,它只突出显示父菜单,但不会像以前那样折叠。尝试将开始标记放在新行上。你有html标记问题,这就是浏览器无法“查看”的原因脚本…对于您添加的所有脚本标记和样式标记,请检查是否正确打开和关闭它们。请阅读此处的错误:我指的是手动添加的脚本、样式等。还要检查该链接标记。如果您确定它们都正确,则可能是自动优化问题。请注意,我以前从像你指出的那样将块分成一个块,但忘记再次更改。现在我按照你说的做了,它仍然不工作。当我单击页面中心的product时,它只突出显示父菜单,但不会像以前那样折叠。尝试将开始标记放在新行上。你有html标记问题,这就是为什么浏览器没有”“瞧"脚本…对于您添加的所有脚本标记和样式标记,请检查是否正确打开和关闭它们。请阅读此处的错误:我指的是手动添加的脚本、样式等。还要检查链接标记。如果您确定它们都正确,则可能是自动优化将添加的静态保持器类拧紧到但不工作的问题。From我记得它应该将holder类添加到带有childs的菜单:$(“#left li.menu item has childs”).prepend('');添加静态将不起作用,问题是脚本不起作用。您可以尝试禁用自动优化插件并查看它是否有帮助。还可以尝试检查$(document).ready(function(){…})得到called@yezzz是的,这是真的。看起来自动优化插件乱七八糟。向添加了静态holder类,但不起作用。根据我的记忆,它应该将holder类添加到带有childs的菜单:$(“#left li.菜单项有子项”)。prepend(“”);添加静态将不起作用,问题是脚本不起作用。您可以尝试禁用自动优化插件并查看它是否有帮助。还要尝试检查$(document).ready(function(){…})是否called@yezzz是的,这是真的。看起来自动优化插件搞砸了。