当特定选项卡处于活动状态时触发jQuery

我试图在特定选项卡（付款）处于活动状态时触发jquery事件。当特定选项卡处于活动状态时触发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*/ 

});

但这并不触发第一次点击，它只有当标签页已打开时才会触发。

来源

2017-03-09 StaalCtrl

似乎正在工作... https://jsfiddle.net/x8yfdbuf/ ...是否有另一个可能导致问题的功能？ – LinkinTED

是的，它应该工作。除非他没有使用$（document）.ready – SGventra

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

来源

2017-03-09 15:14:49 StaalCtrl

当特定选项卡处于活动状态时触发jQuery

回答

相关问题