无法使用jQuery .trigger触发click事件

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>

现在这是JS

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;
            });

现在，当我手动点击href标签时，警报（“carousel clicked”）出现，但是当我点击nextimg时，只显示下一个图像警报而不是轮播警报。

我试过用

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

萤火虫似乎也没有错误。

有人可以帮帮我吗。 ：） 谢谢，

Answer 1

我不确定......但是有任何机会与var car_inedx=2;的index拼写有关var car_inedx=2; ？ （我自己经常犯这样的错误。）

Answer 2

将Click事件保留在“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;
       });
});

Answer 3

尝试

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

代替

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

Answer 4

你在var car_inedx 。

工作演示： http ： //jsfiddle.net/rBFxu/

Answer 5

运用

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

而不是这个

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

效果很好。

但任何人都可以解释我为什么会这样发生？