twitter-bootstrap - Twitter bootstrap - 动态添加的标签不起作用

Question

我在我的应用程序中使用 Twitter 引导程序。在特定情况下，我需要在 ajax 请求之后动态添加选项卡。

我为选项卡头添加了 li 标记，并添加了在选项卡头锚的 href 中指定的相关 id 的相应内容区域。

但是新添加的选项卡不适用于引导选项卡。我什至尝试在$("#tabs1").tabs()动态添加新选项卡后立即调用来刷新选项卡功能，但没有用。

请建议我如何使用带有动态数据的引导选项卡。

注意：但是在页面加载期间存在的所有其他选项卡都可以正常工作。

score 9 · Accepted Answer

您必须使用$(...).on()而不是初始化选项卡$(...).click()。通过这种方式，您可以将点击事件绑定到父#myTab元素，而不是直接绑定到子a标签。

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

现在click-Event 将绑定到 -Element#myTab并委托给子a-Tags。

1 回答 1