jQuery Accordion停止工作

Question

與我的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的頭部區域，所有必要的庫都被加載，但不知怎的，腳本似乎根本不起作用。

任何人都可以找到一個錯誤或建議什麼可能是錯誤的腳本的實施？

注意：我試着在本地虛擬網站上完全相同的腳本，它的工作原理。

謝謝！

Answer 1

如果您在控制檯上發現「無法找到變量：$」錯誤，這意味着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; 
     }); 
});