Question

我正在使用Malsup的jQuery Cycle插件，并使用以下代码很好地运行它，并将类.current添加到活动的幻灯片中。

$('#banner') 
    .cycle({ 
    fx: 'fade', 
    speed: '1000', 
    timeout: '8000', 
    pager: '#pager',
    next: '#next',
    prev: '#prev',
    cleartypeNoBg: 'true',
    before: function(){
       $(this).parent().find('.current').removeClass();
    },
    after: function(){
       $(this).addClass('current');
    }
});

现在我想做的（为了测试代码）是在.current类改变幻灯片时触发警报。我试过了：

$('#banner').find('.current').change(function(){
    alert('hello');
});

但它根本不起作用，我做错了什么？

Answer 1

.change()仅适用于inputs或contenteditable。当班级改变时没有触发事件。你必须创建自己的。

$('#banner') 
    .cycle({ 
    fx: 'fade', 
    speed: '1000', 
    timeout: '8000', 
    pager: '#pager',
    next: '#next',
    prev: '#prev',
    cleartypeNoBg: 'true',
    before: function(){
       $(this).parent().find('.current').removeClass();
    },
    after: function(){
       $(this).addClass('current').trigger('changeClass');
    }
});

然后你做

$('#banner').on('changeClass', function(){
   alert($(this).find('.current').index());
})

使用malsup Cycle更改幻灯片后触发警报

1 个答案: