jQuery手风琴停止工作

jQuery Accordion stopped working

本文关键字：停止工作 手风琴 jQuery      更新时间：2023-09-26

在我的FTP客户端混乱之后，我的Wordpress' header.php被删除了，所以我需要重新编码它，以前工作的jQuery脚本停止工作，但我找不到问题。

这是一个手风琴脚本，可以同时打开多个部分:

<script type="text/javascript">
$(document).ready(function() {
        $(".post-list").addClass("ui-accordion ui-accordion-icons ui-widget ui-helper-reset")
            .find("h3.entry-title")
            .addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-top ui-corner-bottom")
            .hover(function() { $(this).toggleClass("ui-state-hover"); })
            .click(function() {
              $(this)
                .toggleClass("ui-accordion-header-active ui-state-active ui-state-default ui-corner-bottom")
                .next().toggleClass("ui-accordion-content-active").slideToggle();
              return false;
        })
        .next()
        .addClass("ui-accordion-content  ui-helper-reset ui-widget-content ui-corner-bottom")
        .hide();
        var d= 0;
        $('.post').each(function() {
            $(this).delay(d).fadeIn(300);
            d += 100;
        });
});
</script>

它应该找到H3的，添加类和隐藏下面的div的。我把它放在header.php的头部区域，所有必要的库都被加载，但不知何故，脚本似乎根本不工作。

谁能找到一个错误或建议什么可能是错误的脚本的实现?

注意:我在一个本地虚拟网站上尝试了完全相同的脚本，它有效。

谢谢!

如果你在控制台得到"can't find variable: $"错误，这意味着jQuery没有加载或与任何其他库冲突。

首先检查控制台是否存在window.$或window.jQuery。

试着用jQuery代替$ 

<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function() {
        jQuery(".post-list").addClass("ui-accordion ui-accordion-icons ui-widget ui-helper-reset")
            .find("h3.entry-title")
            .addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-top ui-corner-bottom")
            .hover(function() { jQuery(this).toggleClass("ui-state-hover"); })
            .click(function() {
              jQuery(this)
                .toggleClass("ui-accordion-header-active ui-state-active ui-state-default ui-corner-bottom")
                .next().toggleClass("ui-accordion-content-active").slideToggle();
              return false;
        })
        .next()
        .addClass("ui-accordion-content  ui-helper-reset ui-widget-content ui-corner-bottom")
        .hide();
        var d= 0;
        jQuery('.post').each(function() {
            jQuery(this).delay(d).fadeIn(300);
            d += 100;
        });
});

相关文章：