Jquery Cycle Slider - Quick Clicks Break Slider

时间:2010-08-30 18:51:32

标签: javascript jquery slider cycle

我用jquery Cycle创建了一个复杂的滑块。您可以看到它正常运行here

然而,当你多次点击它时(在幻灯片完成转换之前),它开始变得古怪,甚至隐藏了文本..

这是我的代码:

$('#dmzSlideHolder').cycle({
    fx:        'uncover',
     pager:  '#slideNav',
     timeout: '8000',
     before: function() {
        var dmzTitle = $('.dmzSlideTitle p', this).html() + '<span class="arrow">&raquo;</span>';
        $('#slideTitle').stop().animate({width: 1}, 1000);
        $('#slideTitle p').stop().html(dmzTitle).hide().delay(2000).slideDown();
     },

     after: function() {
        var dmzTitle = $('.dmzSlideTitle', this);
        $('#slideTitle').stop().animate({width: 575}, 1000);
     },

});

有什么想法吗?我以为.stop()可以解决这个问题,但它并没有......

1 个答案:

答案 0 :(得分:1)

想出来。不得不在.animate()的回调中设置.slideUp和.slidedown