Jquery Slider - 防止双击

时间:2017-10-16 11:18:00

标签: javascript jquery

我有滑块问题。每当我发送垃圾箭头来更改图片时,它可能会显示多个图像。它应该总是显示4张图像,因此一张应该消失,一张应该出现。

$('.ranks_user_badges').click(function(e){
    e.preventDefault();
    e.stopPropagation();
     var slider = $(this);
     var caniclick = true;

     $(this).find('.ranks_controls_right').click(function(e){
        e.preventDefault();
        e.stopPropagation();

        var first_visible = $(slider).find('li:visible:first');
        var last_visible = $(slider).find('li:visible:last');

        var count = $(slider).find('li:visible').length + last_visible.next().length;
        if(count > 4 && caniclick === true){
            caniclick = false;

            first_visible.hide(500);
            last_visible.next().show(500);

            setTimeout(function(){
                caniclick = true;
            }, 500);
        }

         });});

我试过超时,没有动画时间 - 没有什么真正起作用:/

1 个答案:

答案 0 :(得分:1)

var caniclick = true;

之外定义$('.ranks_user_badges').click(function(e){

这应该可以解决问题