特定のタブがアクティブなときにjqueryをトリガーする

Question

特定のタブ（支払い）がアクティブなときに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*/ 

}); 

をしかし、これは、最初のクリックでそれをトリガしません。タブが既に開いているときにのみトリガされます。

Answer 1

干渉していた別の機能がありました。私は他のscripsの上にコードを移動し、それは今ように動作します