使用带有回调的jquery cycle 2插件定位幻灯片

Question

我在jquery cycle 2插件中使用了以下回调事件，当幻灯片完成转换到下一张幻灯片后，它在此时的作用是.watch1淡出。但是如何定位特定幻灯片，因此fadeIn仅在幻灯片1完成转换后才会出现？

$( '.cycle-slideshow' ).on( 'cycle-after', function(event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) {
            $( '.watch1' ).fadeIn(2000);

}）;

谢谢！

Answer 1

您需要为幻灯片绑定变量，如下所示：

$('.cycle-slideshow').on('cycle-after',function(e, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) {

    var active = $(incomingSlideEl)

    if (active.is('#slide1')) {

        $( '.watch1' ).fadeIn(2000);

    }

});

这意味着在幻灯片1完成动画制作后，您的.watch1元素将会淡入。我相信这就是您所需要的。