fadeOut立即工作

Question

我的页面中有一些div，当用户拖动其中一个时，div会淡出。它可以正常工作，但是在6秒后立即淡出淡出。

$(function(){
    $( ".comment-list.clearfix" ).draggable({axis: "x"},{
      start: function() {
        $(this).fadeOut(6000);
      },
    });
});

Answer 1

使用setTimeout()延迟，例如

start: function() {
    var $this=$(this);
    setTimeout(function(){
       $this.fadeOut(6000);
    },5000); // 5 seconds timeout, for example
}

或使用delay()之类的，

start: function() {
    $(this).delay(5000) // 5 seconds delay, for example
           .fadeOut(6000);
}

注意：您可以根据需要更改延迟间隔。