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

我不确定......但是在index {} {}}中你的拼写是否与var car_inedx=2;的拼写有关？（我自己经常犯这样的错误。）

Answer 2

尝试

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

而不是

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

Answer 3

var car_inedx中有拼写错误。

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

Answer 4

使用

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

而不是

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

运作良好。

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

Answer 5

将点击事件保持在＆＃34;文件就绪事件＆＃34;。

下

这就是这样的：

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

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

5 个答案: