Question

这可能是一个模糊的问题。我有一个包含3个标签的页面，使用bootstrap的标签。在标签的内容中有点击事件。一些jQuery，一些使用knockout的点击绑定，一个使用onclick。当我第一次去任何标签时，一切正常。当我离开该选项卡转到另一个选项卡然后返回时，除了用onclick创建的那个之外，没有任何点击事件可以工作。起初我认为这是淘汰导致一些事情变得混乱，但我评论了淘汰代码，它仍然发生。这些事件非常基础：

$('#prodSalesTable').on('click', 'td.control', function (e) {
    ....
}

这里是标签初始化代码。再次，基本。

$('#productDetailTabs a').click(function (e) {
   e.preventDefault();
   $(this).tab('show');
});

标签代码：

<ul id="productDetailTabs" class="nav nav-tabs" data-tabs="tabs">
    <li class="active"><a data-target="#informationTab" data-toggle="tab">
        INFORMATION</a></li>
    <li><a data-target="#vocTab" data-toggle="tab">
        VOC</a></li>
    <li><a data-target="#htsCountrySpecTab" data-toggle="tab">
        TARIFF CODE</a></li>
</ul>
<div class="tab-content">
        <section id="informationTab" class="tab-pane active">....</section>
        <section id="vocTab" class="tab-pane">....</section>
        <section id="htsCountrySpecTab" class="tab-pane">....</section>
</div>

有什么想法吗？

Answer 1

我不知道为什么会修复它，但在标签链接上我将数据目标更改为href，现在它似乎不再删除点击事件。

引导选项卡导致jQuery事件消失？

1 个答案: