Question

我有这个jQuery：

 $(function() {
        // create the image rotator
        var lightShow = setInterval(rotateImages, 500);


    function rotateImages() {

        var oCurPhoto = $('#photoShow div.current');
        var oNxtPhoto = oCurPhoto.next();

        if (oNxtPhoto.length == 0){
oNxtPhoto = $('#photoShow div:first');
}


        oCurPhoto.removeClass('current').addClass('previous');

oNxtPhoto.hide().addClass('current').fadeIn(2000, function() {

oCurPhoto.removeClass('previous');
 });


    }
    });

它包含在循环中，因此该行将连续执行5次但我想要做的是在循环启动另一个fadeIn时停止fadeIn的效果。

Answer 1

你应该在淡化你要停止淡化的元素之前使用.stop（）。

它将清除任何动画的队列。请记住，它也会阻止淡入淡出它的回调功能。

在此处了解详情：.stop() - jQuery API

一旦另一个事件启动就停止一个事件

1 个答案: