我正在将 jQuery Cycle 插件用于滑块 - 在滑块移动到下一张幻灯片之前单击下一个链接时,我需要完成一个功能。
目前我无论如何都看不到在“之前”功能完成之前阻止下一个动作触发。我正在使用下面的代码。
$('#marques-slider').cycle({
fx: 'scrollHorz',
transition: 'scrollHorz',
timeout: 0,
prev: '#prev-slide',
next: '#next-slide',
pager: '#nav',
easing: 'easeInOutExpo',
speed: 1000,
before: slideUp,
after: slideDown,
startingSlide: 1
});
目前我的 onBefore 函数和 next slide 函数都在同时动画。
我还尝试在插件之外创建下一个链接:
$('#next-slide').click(function(){
$('.marques-product-content').animate({
height : '0'
}, function(){
$('#marques-slider').cycle('next');
});
return false;
});
但这会导致幻灯片背景图像在动画之前发生变化,并且该功能仅在第一次单击时起作用:/