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

bal*_*anv 4 twitter-bootstrap

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

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

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

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

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

HaN*_*riX 9

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

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

现在click-Event将与-Element重新绑定#myTab并委托给子a-Tags.

  • 在这里你可以找到一个运行的演示
  • 阅读jQuery doc以获取有关"on Event Handlers"的更多信息