jQuery的事件不工作

Question

我在用jQuery和引导DOM流的一些问题。

我需要创建TABS（不是单个选项卡）dinamically与切换标签上附加的一些事件。在这个例子中，TABS在加载页面后创建的只是“Live”追加代码。这工作正常！ http://www.bootply.com/63026单击标签上显示警报。

但是...如果我稍后创建了TABS，例如通过点击按钮来调用它，如下所示：http://www.bootply.com/63033它不再适用。选项卡是在点击时创建的，但切换选项卡时我没有更多事件附加的弹出窗口。

你能帮我解决吗？谢谢！！！

Answer 1

你有一个听众：

$('.add-contact').click(function(e) { 

添加标签。

您需要更新这

$(document).on('click', '.add-contact', function(e) { 

而且改变

$('a[data-toggle="tab"]').on('shown', function (e) { 
    alert(e.target) // activated tab 
    e.relatedTarget // previous tab 
}); 

到

$(document).on('shown', 'a[data-toggle="tab"]', function (e) { 
    alert(e.target) // activated tab 
    e.relatedTarget // previous tab 
});