标签: twitter-bootstrap
我在我的应用程序中使用Twitter引导程序。在特定情况下,我需要在ajax请求后动态添加标签。
我添加了标签头的li标签和相应的内容区域,并在标签头锚点的href中指定了相关内容。
但是新添加的选项卡不能与引导选项卡一起使用。 我甚至尝试在动态添加新标签后立即调用$("#tabs1").tabs()来刷新标签功能,但没有用。
$("#tabs1").tabs()
请建议我如何使用带动态数据的引导标签。
注意:但是在页面加载期间存在的所有其他标签都可以正常工作。
答案 0 :(得分:9)
您必须使用$(...).on()而不是$(...).click()初始化标签。通过这种方式,您可以将click事件绑定到父#myTab - 元素,而不是直接绑定到子a - 标记。
$(...).on()
$(...).click()
#myTab
a
$("#myTab").on("click", "a", function(e){ e.preventDefault(); $(this).tab('show'); });
现在,click - 活动将与#myTab - 元素绑定,并委托给孩子a - 标记。
click