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

发布时间：2020-12-17 20:38:21 所属栏目：安全来源：网络整理

导读：我在我的应用程序中使用Twitter引导程序.在特定情况下,我需要在ajax请求后动态添加选项卡. 我添加了标签头的li标签和相应的内容区域,并在标签头锚点的href中指定了相关内容. 但是新添加的选项卡不能与引导选项卡一起使用. 我甚至尝试通过调用$(“#tabs1”).t

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

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

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

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

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

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

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

现在click-Event将与#myTab-Element重合,并委托给子a-Tags.

> here你可以找到一个正在运行的演示
>阅读jQuery doc以获取有关“关于事件处理程序”的更多信息

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!