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

Question

我正在将以下回调事件与 jquery cycle 2 插件一起使用，它目前所做的是在.watch1幻灯片完成转换到下一张幻灯片后淡入。但是我如何定位特定的幻灯片，所以淡入仅在幻灯片 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 元素将淡入。我相信这就是您所需要的。