当特定选项卡处于活动状态时触发 jquery答案

【问题标题】：Trigger a jquery when a specific tab is active当特定选项卡处于活动状态时触发 jquery
【发布时间】：2017-03-09 14:57:05
【问题描述】：

我正在尝试在特定选项卡（付款）处于活动状态时触发 jquery 事件。

这里是标签页眉：

<ul class="nav nav-pills style2 nav-justified checkouttabs">
    <li class="active">
        <a href="#shopping-cart" data-toggle="tab">
            1. Cart
            <div class="icon">
                <i class="fa fa-check"></i>
            </div>
        </a>
    </li>
    <li>
        <a href="#billing-info" data-toggle="tab">
            2. shippinginformation
            <div class="icon">
                <i class="fa fa-home"></i>
            </div>
        </a>
    </li>
    <li>
        <a href="#payment" class="payment" data-toggle="tab">
            3. Checkout
            <div class="icon">
                <i class="fa fa-credit-card"></i>
            </div>
        </a>
    </li>
</ul>

当我像这样单击标签时，我尝试检查以触发事件：

$('.payment').on('click', function(e) {

    /*jquery event*/

});

但这不会在第一次点击时触发，它只会在标签页已经打开时触发。

【问题讨论】：

似乎可以正常工作...jsfiddle.net/x8yfdbuf ...还有其他可能导致问题的函数吗？
是的，它应该可以工作。除非他没有使用 $(document).ready

标签： jquery triggers tabs

【解决方案1】：

有另一个功能在干扰。我将代码移到其他脚本上方，现在它可以正常工作了

【讨论】：