2012-06-14 18 views
1

我在自定義模式(我自己的版本)上使用引導選項卡。第一次打開模式時,單擊打開標籤,但第二次打開模式時不再工作。jquery bootstrap選項卡不工作在自定義模式(不是自舉模式,但我自己的版本)

這是選項卡中的HTML代碼:

<div class="tabbable"> <!-- Only required for left/right tabs -->  
    <ul class="nav nav-tabs"> 
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li> 
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li> 
    </ul> 
    <div class="tab-content"> 
    <div class="tab-pane active" id="tab1"> 
     <p>I'm in Section 1.</p> 
    </div> 
    <div class="tab-pane" id="tab2"> 
     <p>Howdy, I'm in Section 2.</p> 
    </div> 
    </div> 
</div> 

什麼我做的是:

我在我的網頁上的按鈕,就可以單擊時,一個模式(如燈箱)會打開它的標籤。

第一次打開時,標籤工作正常;當點擊標籤時,會顯示相應的內容。但是當它關​​閉並再次打開時,標籤是而不是正在工作;當點擊標籤時,相應的數據沒有被顯示。

+0

你的代碼沒有問題。你可以包括模式和按鈕在這樣的jsFiddle http://jsfiddle.net/baptme/HQ7jr/ – baptme

+0

你可以發佈測試用例或整個頁面標記?它很難盲目地診斷這樣的事情。另外,您在頭文件中以什麼順序加載了哪些js腳本? –

+0

我想關閉模式調用一個'empty()'或'remove()',這樣它可能會從DOM中刪除你的選項卡。在關閉模式之後,仔細檢查以確保它們仍然存在。 – Terry

回答

1

在這裏,我動態添加元素到DOM,當點擊按鈕時,但我沒有刪除元素,當點擊CLOSE時,因此,點擊關閉後刪除元素是解決方案。

+0

你剛剛回答你自己的問題嗎?如果是這樣,請將此標記爲答案。 –