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);
        }

         });});

我尝试过超时，没有动画时间-没有任何东西真正起作用：/

定义var caniclick=true；美元之外。排名\用户\徽章。单击函数E{

---

这应该可以做到

1你可以发布小提琴吗？2这与防止双击有什么关系？3如果你想收听双击事件，请尝试。dblclick你是否尝试颠倒顺序：e.preventDefault；e.stopPropagation；