bootstrap选项卡导致jQuery事件消失

Question

这可能是一个模糊的问题。我有一个页面与3标签使用引导的标签。在选项卡的内容中有单击事件。一些使用jQuery，一些使用knockout的click绑定，还有一个使用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，现在似乎不再删除单击事件