Twitter引导程序 - 动态添加选项卡不起作用

时间:2012-06-28 07:42:24

标签: twitter-bootstrap

我在我的应用程序中使用Twitter引导程序。在特定情况下,我需要在ajax请求后动态添加标签。

我添加了标签头的li标签和相应的内容区域,并在标签头锚点的href中指定了相关内容。

但是新添加的选项卡不能与引导选项卡一起使用。 我甚至尝试在动态添加新标签后立即调用$("#tabs1").tabs()来刷新标签功能,但没有用。

请建议我如何使用带动态数据的引导标签。

注意:但是在页面加载期间存在的所有其他标签都可以正常工作。

1 个答案:

答案 0 :(得分:9)

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

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

现在,click - 活动将与#myTab - 元素绑定,并委托给孩子a - 标记。

  • here您可以找到正在运行的演示
  • 阅读jQuery doc,了解有关“关于事件处理程序”的更多信息