jQuery/css3触发效果

Question

我创建了一个 slider ，当单击上一个或下一个按钮时，我尝试触发每张幻灯片上发生的 css3 效果(就像页面加载时一样)

我在这里创建了一个 fiddle :http://jsfiddle.net/g5c9T/6/

$('.slider').bxSlider({
    auto: false,
    mode: 'fade'
});

$('.slider').addClass('load');

$('.bx-prev, .bx-next').click(function () {
    $('.slider').removeClass('load');
    $('.slider').addClass('load');
});

在上面我尝试删除加载类并再次添加它，以便再次应用 css3 效果，但这似乎不起作用。

*编辑，我错过了删除/添加“加载”

Answer 1

试试这个，http://jsfiddle.net/g5c9T/8/

$('.bx-prev, .bx-next').click(function () {
    $('.slider').removeClass('load');
    setTimeout(function(){
    $('.slider').addClass('load');
    },10);
});

如果您需要更好的 jquery 动画，请查看此插件，它会提供更多帮助 ricostacruz.com/jquery.transit