2011-08-02 128 views
1

關於jQueryUI's accordion幾個問題,這是簡單的代碼,我有:jQueryUI的手風琴問題

<h3><a href="#">Section 10</a></h3> 
<div> 
    <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p> 
</div> 
  1. 是否有可能爲手風琴內部的div有動態內容?

  2. 我知道主題滾輪可以改變小箭頭圖標,但是如何在H標籤中放置一個小圖像圖標呢?不管我嘗試什麼都不顯示,只有H標籤文本。

  3. 是否有可能將某些手風琴條鎖定,因此無法展開?而其他人仍然可以?

回答

0

是否有可能爲手風琴內部的div有動態 內容?

是的。您應該能夠替換整個div的內容,而不會發生任何可怕的事情。您可以通過給您想要更換id和內容的div做到這一點,然後當你要替換的內容只是用.html

$("#id").html("<content>") 

我知道這是可能的主題滾輪改變小箭頭 圖標,但是我怎樣才能在H標籤中放置一個小圖標?沒有 重要的是我嘗試不顯示,只有H標籤文本。

我沒有麻煩添加圖像頭,雖然它似乎更好地工作,如果添加了a標籤,該標籤h3裏面住裏面的img

<h3><a href="#">Section 1<img src="http://www.placekitten.com/20/20" /></a></h3> 

您可以使用CSS來相應地分隔圖像。


是否有可能有一些酒吧鎖定了手風琴的,所以他們也不會擴大?而其他人仍然可以?

當然可以。這一次真的應該通過API是可能的,但是當你點擊h3標籤,你可以掛鉤的事件處理程序,以防止手風琴的事件處理程序從射擊:

// Disable the second tab in accordion #accordion 
// Note that this could really be any selector you want, as long as it selects 
// accordion header elements. 
$("#accordion h3:eq(1)").click(function(event) { 
    event.stopImmediatePropagation(); 
}); 

這裏是所有這些事情的工作爲例:http://jsfiddle.net/TX8z6/(修復了一個IE bug)

+0

感謝您的詳細回覆。 – Phil

+0

幾件事。首先關於h標籤中的圖像,當我這樣做時.. 它不工作,沒有圖像出現,但你的確,我從我的本地服務器運行我的,所以也許這是某種路徑問題或可訪問性問題? 關於禁用第二個h3選項卡,當我點擊它時它仍然打開? 而動態內容,它出現在最後一欄的內容區域之外,不在裏面。 – Phil

+0

@Phil:我無法打開第二個選項卡(「Section2」;當我點擊它時什麼都不打開)。點擊標有「動態內容」的按鈕,將新內容插入到第一個標籤中(應該更加清楚)。至於形象,我會確保你的道路是正確的。 –