当一个对象被赋予一个类时，jQuery 触发事件

Question

我正在使用 jQuery 轮播，从这里下载： http://www.thomaslanciaux.pro/jquery/ jquery_carousel.htm

它使用分页，并在单击页码时将一个名为“active”的类应用于当前页码。我想在应用此类时触发一个事件，因为它还使用左右箭头将该类应用于当前页码。

这是我希望在应用类时触发的事件：

$('.red').click(function() {
     $('#formred').attr('checked', 'checked');
 });

我已经让它工作，但仅在页面加载时：

 if ($('.red').hasClass('active')) {
      $('.red').trigger('click');
 }

第一个页码默认应用了该类，这就是为什么它在页面加载时起作用。当该类应用于其他页码时，我需要发生这种情况。

Answer 1

编辑：如果您只是在单击按钮时需要它，而不是其 auto 功能，则只需放置一个 .delegate()一旦可用，就可以在 .carousel 上侦听 'a[role=button]' 元素上的 click 事件。

$('.carousel').delegate('a[role=button]', 'click', function() {

     // Because a button in the carousel was clicked, we know that
     //   one of the elements received the .active class. So we just
     //   need to find it.
     var $activeButton = $(this).closest('.carousel').find('.active');

     // Not sure how the .red class from your question factors in, but you
     //   can test the $activeButton to see if it has that class
     if( $activeButton.hasClass('red') ) {
         $('#formred').attr('checked', 'checked');
     }
});

同样，这仅适用于按钮上的单击事件，如果设置为自动旋转则无效。不确定这是否是您所追求的。

---

如果需要，有一个名为 livequery 的插件，它将通过 jQuery 在 DOM 修改上运行代码。

http://brandonaaron.net/code/livequery/docs

$('.someClass').livequery( function() {
    // your code
});

如果传递第二个函数参数，当类（或元素）被删除时它将运行。

$('.someClass').livequery( function() {
    // your code when adding
}, function() {
    // your code when removing
});

Answer 2

您不能创建一个共享事件处理程序，例如：

function changePage( pageNum, nextprev ){
  if( nextprev ) pageNum = activePage + nextprev;

  // show the next page

  $('someElement').addClass('active');
}

然后将此事件设置为单击和按键：

$(...).keydown( function(){
  changePage( [1 or -1, depending on input], true );
});

$(...).click( function(){
  changePage( [clicked page], false );
});

Answer 3

我要做的是：

1-禁用自动播放

2-创建一个setInterval，在轮播的分页上执行触发（“单击”）

3-当然，在其中您可以做更多的事情，而不仅仅是触发幻灯片