jQuery .triggerを使用してクリックイベントをトリガーできません

Question

クリックイベントをトリガーする際に問題が発生します。

は、私は、次のようなHTMLがあります。

<div class="carousel-control" > 
<a href='#' id="carousel_1">1</a> 
<a href='#' id="carousel_2">2</a> 
<a href='#' id="carousel_3">3</a> 
<a href='#' id="carousel_4">4</a> 
<a href='#' id="carousel_5">5</a> 
etc 
</div> 

を今ここで私は手動でHREFタグのアラート（ "カルーセルがクリックされた"）をクリックしたときに

jQuery('.carousel-control a').bind('click', function() { 
     alert("carousel cliced") 
     return false; 
     }); 

$('#nextimg').click(function() { 

var car_index=2; 
       $('#carousel_'+(car_index+1)).trigger('click'); 
alert("next image clicked"); 
       return false; 
      }); 

今JSあるappers、 けどnextimgをクリックすると、次の画像アラートのみがカルーセルアラートとして表示されます。

私は

$('#carousel_2').trigger('click'); 
$('#carousel_2').click(); 
$('#carousel_2').triggerHandler('click'); 

を使用してみました、あまりにも放火犯には誤りはないように思えます。

誰かが私を助けてくれますか？ :) ありがとう、

Answer 1

：デモ作業

。

しかし、誰も私になぜそれが起こっているのか説明できますか？

Answer 2

私は確信していませんが、indexのあなたのスペルがvar car_inedx=2;にある可能性がありますか？ （私は多くの場合、十分に自分自身このような間違いを犯す。）

Answer 3

$('#carousel_'+(car_index+1)).click(); 

代わりの

$('#carousel_'+(car_index+1)).trigger('click'); 

Answer 4

あなたはvar car_inedxにタイプミスを持ってしてみてください。代わりに、うまく動作し

この

jQuery('.carousel-control a').bind('click', function() 

の

$('.carousel-control a').bind('click', function() 

を使用してhttp://jsfiddle.net/rBFxu/

Answer 5

「Document Readyイベント」の下でクリックイベントを維持します。 ; `タイプミス

jQuery(document).ready(function() { 
     jQuery('.carousel-control a').bind('click', function() { 
     alert("carousel cliced") 
     return false; 
     }); 

     $('#nextimg').click(function() { 
      var car_index=2; 
      $('#carousel_'+(car_index+1)).trigger('click'); 
      alert("next image clicked"); 
      return false; 
     }); 
});