Twitter引導 - 動態添加的標籤不工作

Question

我在我的應用程序中使用Twitter引導程序。在特定情況下，我需要在ajax請求後動態添加選項卡。

我爲標籤頭和相應的內容區域添加了li標籤，其中標籤頭錨點的href中指定了相關的id。

但新添加的選項卡不適用於引導選項卡。 我甚至嘗試通過在動態添加新選項卡後立即調用$("#tabs1").tabs()來刷新選項卡功能，但沒有用。

請建議我如何使用動態數據的引導標籤。

注意：但在頁面加載過程中出現的所有其他選項卡都可以正常工作。

Answer 1

您必須使用$(...).on()而不是$(...).click()來初始化標籤。通過這種方式，您可以將點擊事件綁定到父項#myTab -element，而不是直接綁定到子項a -tags。

$("#myTab").on("click", "a", function(e){ 
    e.preventDefault(); 
    $(this).tab('show'); 
}); 

現在click - 活動將通緝令到#myTab - 元素並下達給孩子a標籤都有效。

• here你可以找到一個運行演示
• 閱讀jQuery文檔的 「事件處理程序」 的更多信息