2012-05-22 121 views
0

我在頁面中有選項卡(選項卡在選項卡中),當我從父級部分更改選項卡時(例如,我從第一個選項卡到第二個選項卡,然後返回到第一個選項卡)第一個選項卡的子選項卡的內容混合在一起,你看過這個錯誤嗎?有沒有辦法解決它?感謝jQuery UI選項卡錯誤 - 選項卡相互混合

(其內容正在通過Ajax負載)

翼片在第一:看起來很好,而不是混合 enter image description here

凸片獲得混合:(所有三個選項卡在一個選項卡顯示)

enter image description here

+2

如果使用ajax加載內容,您是否必須重新初始化子選項卡?無論如何,你最好使[jsfiddle](http://www.jsfiddle.net)重現你的問題 –

+0

發佈你的代碼? –

回答

4

我能夠重現類似的問題。如果您擁有不唯一的標籤ID,則會發生該問題。

下面是一個的jsfiddle能說明問題:
(看標籤,即使是選擇A 3.內側接頭C的溫度將顯示)

http://jsfiddle.net/gizmovation/JJnJF/

要解決該問題,改變你內心的選項卡有與外部標籤不同的標識符。

這裏有一個固定的jsfiddle:
(看片3.內標籤A將正常顯示)

http://jsfiddle.net/gizmovation/EqyPM/

如果不解決您的問題,它可能與jQuery的ui選項卡未綁定到新加載的ajax內容。在加載內容後,您可以嘗試重新綁定$(selector).tabs(),以查看是否有效。

希望此信息有幫助!

+0

謝謝,它工作。正如你所說的問題是與非獨特的ID,我會在18小時內給你的賞金,:) – ePezhman

+0

優秀,很高興爲你工作! – christurnerio