jquery - .load() 后 3 秒调用一些 jquery

Question

我有这个jquery，它在模式中加载成功消息:

$('#menu_access').load(
    site_url + sUrl,
    function() {
        $(this).dolPopup(oPopupOptions);
    }
);

我想在加载后三秒调用这个函数:

$('#menu_access').dolPopupHide({});

我不知道该怎么做。我对 .load() 函数不太熟悉。

Answer 1

您可以使用jQuery's delay() method ，但您需要使用 jQuery's .queue() method 将插件调用添加到队列中.

$('#menu_access').load(
    site_url + sUrl,
    function() {
        $(this).dolPopup(oPopupOptions);
        $(this).delay(3000)
               .queue( function( nxt ) {
                      $(this).dolPopupHide({});
                      nxt();
                });
    }
);

请注意，需要调用传递给 .queue() 的函数参数，以便允许下一个动画发生(随时)。

作为替代方案，您可以使用 setTimeout()，但您需要确保回调中 this 的值正确。

$('#menu_access').load(
    site_url + sUrl,
    function() {
        $(this).dolPopup(oPopupOptions);
        var that = this;
        setTimeout(function() {
                      $(that).dolPopupHide({});
                }, 3000);
    }
);

这里this由变量that引用。

或者您可以使用jQuery's $.proxy() method确保this的正确含义。

$('#menu_access').load(
    site_url + sUrl,
    function() {
        $(this).dolPopup(oPopupOptions);
        setTimeout($.proxy(function() {
                      $(this).dolPopupHide({});
                }, this), 3000);
    }
);