jquery-ui手風琴問題：動畫凍結+點擊時未顯示內容

我正在嘗試jQueryUI手風琴。我創建了一個測試網站，複製了代碼並將其放置到位。它工作正常。jquery-ui手風琴問題：動畫凍結+點擊時未顯示內容

然後我試着把它放在我的網站上。在我的網站上，我有兩個菜單。一個是水平的，在頂部。另一個是垂直的，在左邊。我打算將手風琴應用於垂直菜單。當頂部水平菜單中的不同項目被點擊時，垂直菜單也會改變。

我做的第一件事就是在我的主頁上測試它，看看是否與我目前的設計有衝突。垂直菜單的代碼是這樣的：

<!-- leftFrame begin --> 
<div id="leftFrame"> 
    <div id="accordion"> 
     <h3><a href="#section1">Section 1</a></h3> 
     <div> 
      <p>homepage11111111</p> 
     </div> 

     <h3><a href="#section2">Section 2</a></h3> 
     <div> 
      <p>homepage22222222</p> 
     </div> 

     <h3><a href="#section3">Section 3</a></h3> 
     <div> 
      <p>homepage33333333</p> 
      <ul> 
       <li>List item</li> 
       <li>List item</li> 
       <li>List item</li> 
       <li>List item</li> 
      </ul> 
      <a href="#othercontent">Link to other content</a> 
     </div> 
    </div> 
</div> <!-- leftFrame end --> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#accordion").accordion({ 
      autoHeight: false, 
      navigation: true 
     }); 
    }); 
</script>

這裏出現了這個問題。第一個刑罰是作爲違約擴大的。當我點擊不同的面板時，該面板下的內容未顯示。它只是擴大一點，並凍結在那裏。第一個面板也沒有倒塌。所有面板都不能點擊。像下面的截圖：

enter image description here

有趣的是，如果我把手風琴部分在一個單獨的leftmenu.html文件，並用「$（‘＃leftFrame’）負載（leftmenu.html）。」至將它加載到「leftFrame」div中。一切再次運作。

我的第一個想法是在主頁上的其他JavaScript或CSS可能會影響這一點。我試圖評論部分，然後所有其他的JavaScript或CSS。在使用.load功能正常工作時，它仍然無法在主頁上工作。

任何想法爲什麼？

在此先感謝米洛

來源

2011-10-01 hoyomi

它自行工作正常（http://jsfiddle.net/ambiguous/Yvc7c/），該頁面上還發生了什麼？ JavaScript控制檯中的任何錯誤？ –

你使用的是什麼版本的jQuery和jQuery UI？ –

@ muistooshort我正在使用jquery-1.4.4.min.js。這是從控制檯的錯誤：c.easing [this.options.specialEasing && this.options.specialEasing [this.prop] || b]不是函數 http：//localhost/testsite/js/jquery-1.4.4.min.js 行155如果我切換到1.5+，錯誤是：d.easing [j || k]不是函數 http：//localhost/testsite/js/jquery-1.5.2.min.js 第16行使用最新的jquery（1.6.4），加載頁面時會立即發生錯誤：f。 easing [e.animatedProperties [this.prop]]不是函數 http：//localhost/testsite/js/jquery-1.6.4.min.js 第4行 – hoyomi

我竟然是不同的JS文件之間的衝突緩和。只要確保只使用一個版本的緩動功能。

來源

2011-12-13 03:02:17 hoyomi

我知道你有你的答案，但對於其他人，當我通過克隆添加新節時，我遇到了類似的問題，與同樣的奇怪行爲。

我克隆了手風琴的第一個（唯一）部分，附加到最後，然後改變了標題和內容以適合我的需要。之後，我銷燬並重新添加了手風琴，以確保它與新內容一起工作。之後，多個（所有新的）部分顯示爲活動的部分（由於克隆），當我點擊它們時，它們最初會工作，但突然停止工作。

要解決這個問題，我做了以下內容：

搬遷之前，克隆的破壞/追加
克隆/附加我的新欄目需要
修改了部分內容
添加了手風琴功能。

希望這可以幫助沿線的人。

來源

2012-04-05 13:07:43

jquery-ui手風琴問題：動畫凍結+點擊時未顯示內容

回答

相關問題