jQuery/css3触发效果

jQuery/css3触发效果,jquery,css,Jquery,Css,我已经创建了一个滑块,当单击“上一页”或“下一页”按钮时,我会尝试在每张幻灯片上触发css3效果(就像页面加载时一样) 我在这里创作了一把小提琴: 在上面,我试图删除load类并再次添加它,以便再次应用css3效果,但这似乎不起作用 *编辑,我错过了删除/添加“加载”试试这个 如果您需要jquery中更好的动画,请查看此插件,它可以帮助您获得更大的帮助。ricostacruz.com/jquery.transit我发现html实际上需要刷新,css动画才能持续生效 好吧,那你现在想说什么?因为小

我已经创建了一个滑块,当单击“上一页”或“下一页”按钮时,我会尝试在每张幻灯片上触发css3效果(就像页面加载时一样)

我在这里创作了一把小提琴:

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

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

试试这个


如果您需要jquery中更好的动画,请查看此插件,它可以帮助您获得更大的帮助。ricostacruz.com/jquery.transit

我发现html实际上需要刷新,css动画才能持续生效


好吧,那你现在想说什么?因为小提琴似乎能做你想做的事。在您的
编辑后
最好使用该插件。太棒了,效果更好,非常感谢大家!
$('.slider').bxSlider({
    auto: false,
    mode: 'fade'
});

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

$('.bx-prev, .bx-next').click(function () {
    $('.slider').removeClass('load');
    $('.slider').addClass('load');
});
$('.bx-prev, .bx-next').click(function () {
    $('.slider').removeClass('load');
    setTimeout(function(){
    $('.slider').addClass('load');
    },10);
});
$('.bx-prev, .bx-next, .bx-pager-item').click(function(){
    $('.slider div').each(function(){
        var $this = $(this);
        $this.html($this.html());
    });
});