Question

抱歉，我找不到这个。

$('div#loader').slideDown("fast").delay(1.5);

不按预期说话，我想要它slideDown，然后保持该模式1.5秒，然后加载功能发生得非常快，然后使用快速向上滑动。我认为delay();是正确的方法。

希望看到的人的全部功能：

$(document).ready(function () {
    function last_msg_funtion() {
        var ID = $(".pic_box:last").attr("id");
        $('div#loader').slideDown("fast").delay(1.5);
        $.post("/?action=get&id=" + ID,
        function (data) {
            if (data!="") {
                $(".pic_box:last").after(data);
            }
            $('div#loader').slideUp("fast");
        });
    };
});

Answer 1

延迟只会延迟在chian之后的函数，所以它在那里不会延迟。你最好在这里使用setTimeout IMO

$('div#loader').slideDown("fast", function(){
   setTimeout(function(){
    $.post("/?action=get&id=" + ID,
    function (data) {
        if (data!="") {
            $(".pic_box:last").after(data);
        }
        $('div#loader').slideUp("fast");
    });
}, 1500);
});

如果您有兴趣，这是延迟代码，

// Based off of the plugin by Clint Helfers, with permission.
// http://blindsignals.com/index.php/2009/07/jquery-delay/
delay: function( time, type ) {
    time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
    type = type || "fx";

    return this.queue( type, function( next, hooks ) {
        var timeout = setTimeout( next, time );
        hooks.stop = function() {
            clearTimeout( timeout );
        };
    });
},

你可以看到它如何只占用功能链中的下一个并延迟它。

Answer 2

您可以定义wait辅助函数并在等待1.5秒后运行代码：

$.wait = function(time) {
  return $.Deferred(function(dfd) {
    setTimeout(dfd.resolve, time);
  });
}


$(document).ready(function () {
    function last_msg_funtion() {
        var ID = $(".pic_box:last").attr("id");
        $('div#loader').slideDown("fast");
        $.wait(1500).then(function() {
            $.post("/?action=get&id=" + ID, function (data) {
                if (data != "") {
                    $(".pic_box:last").after(data);
                }
                $('div#loader').slideUp("fast");
            });
        });
    };
});

wait函数使您的代码读取更好IMO

使用time（）的Jquery Delay slideDown;

2 个答案: