确保 jquery 进度对话框至少显示一段最短时间

Question

我使用 jquery ui 对话框让用户知道他的请求正在处理，而客户端正在处理一些数据。然而，众所周知，ie 的处理时间比 firefox 长得多。确保进度对话框至少显示一段最短时间的最佳模式是什么，这样它不仅仅在 Firefox 中闪烁，而且即使计时器到期，对话框也会保持打开状态直到浏览器完成加工？

Answer 1

您可以通过几种方式来解决这个问题，尽管它们本质上都是排队的一些衍生物。

例如：

$("#startLink").click(function(){
    var $dialog = $(".dialog");
    $dialog.dialog({
        open: function(e, ui){
            // delay any close operations for at least 2 seconds
            $dialog.queue(function(){
                setTimeout(function(){
                    $dialog.dequeue();
                }, 2000);
            });
            // if you're using jQuery 1.4, you can do this instead
            // $dialog.delay(2000);
        }
    });

    // do some processing here

    $dialog.queue(function(){
        $dialog.dialog('close');
        $dialog.dequeue();
    });
});

无论如何，您真正要做的就是使用内置队列系统确保给定的延迟。您也可以在不使用队列系统的情况下完成它，但这是另一个例子。