我正在使用循环插件来滑动内容。当我在滑动时多次单击上一个或下一个按钮时,它只是在动画完成之前跳到另一张幻灯片。
我正在尝试在滑动时禁用导航按钮,但它不起作用。
.js:
$('#slider ul').cycle({
timeout: 0,
fx: 'scrollHorz',
prev: '#prev',
next: '#next',
after: onAfter,
onPrevNextEvent: function(isNext, zeroBasedSlideIndex, slideElement){
$('#nav a').attr('disabled','disabled');
if (isNext == true || isNext == false) {
console.log('bool')
}
}
});
function onAfter(curr, next, opts) {
var index = opts.currSlide;
$('#prev')[index == 0 ? 'hide' : 'show']();
$('#next')[index == opts.slideCount - 1 ? 'hide' : 'show']();
}
我正在使用回调onPrevNextEvent
来检查isNext
是否boolean
。在此条件之前,我做了一个测试以在导航链接上添加属性,它正在添加属性,但它不会阻止上一个/下一个函数。如何禁用/启用它?一些帮助将不胜感激
您无法更改插件代码中的点击行为?也许在循环插件初始化后不久,您可以抛出一个额外的事件来防止传播。这样,如果isNext
为 true,它将阻止点击事件触发插件的操作。
像这样:
//just finished setting up the plugin
$("#prev,#next").on("click", function(e) {
if(isNext) e.stopPropagation();
});