Question

我的jquery函数在本地运行良好，但是一旦将其添加到WP页脚并上传，就什么也没有了。

此页面上有很多脚本，但是我要制作的脚本是这样的：

    jQuery(document).ready(function($){
  $("li.accordion").on('click',function() {
    $('.mega-sub-menu', this).slideToggle("fast", function() {});
  });
});

jQuery已加载并正常运行，但此脚本无法运行。

有什么想法吗？

编辑：谢谢，但这不是流浪者'

我似乎在网站上遇到了缓存问题，该问题现已更新。仍然有问题。

EDIT2：已删除链接

Answer 1

您的网站上存在语法错误。 JavaScript末尾有一个引号，很可能导致它无法执行。

jQuery(document).ready(function(){
    jquery("li.accordion").click(function() {
        jquery('.mega-sub-menu', this).slideToggle("fast", function() {});
    });
});' <--- quote here

好的，您现在已经解决了该问题，并且所有JavaScript都可以使用，但是我可以看到阻止菜单显示的下一个问题是带有！important的CSS规则。（它会覆盖通过JQuery添加的mega子菜单上的style =“ display：block”属性。）

Answer 2

因此，在进行更多谷歌搜索之后，我想到了以下答案：

jQuery(function($){
    $('li.accordion').click(function() {
             $('.mega-sub-menu', this).slideToggle('fast', function() {});
    }).click();

});

在这里我们模拟点击，这样手风琴开始就关闭了，我不需要在任何东西上添加更多的CSS。

我为CSS克服了内联样式增加了早期的重要性-像个白痴一样，没有意识到jquery正在添加内联样式（我认为无论如何我都这样做了，这是不恰当的迟到了。）

无法使jquery函数在wordpress网站上工作

2 个答案: