jquery - jquery Cycle 通过回调禁用幻灯片

Question

有什么办法可以使用“之前”回调来禁用幻灯片？幻灯片使用 nex / prev 选项“手动”工作，所以我想禁用这些。我尝试删除 id 属性，但这并没有禁用按钮。

也许 forwardFlag 选项可以用于此？

$('#slider-form').cycle({
        fx:     'fade', 
        speed:  'fast',
        prev:   '#prev', 
        next:   '#next', 
        width:  940,
        fit: 1,
        before: onBefore,
        after: onAfter,
        nowrap: 1,
        timeout: 0      
    });

function onBefore(currSlideElement, nextSlideElement, options, forwardFlag) {
    //condition is not met: disable next/prev animation

    //condition is met: enable navigation
}

Answer 1

您可以使用暂停和恢复选项。

$('#slider-form').cycle('pause'); 

$('#slider-form').cycle('resume'); 

检查这个例子。

更新

您可以尝试这种不同的方式。

删除默认的下一个/上一个选项。创建您自己的按钮。

单击该按钮使用下一个/上一个功能。

例如。

$("#my_next_button").click(function(){

 condition {

        $('#slider-form').cycle('next');
 }

});