調用一些jQuery的.load後3秒（）

Question

我有這個這個jQuery加載在一個模式成功的消息：

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

我要調用此函數加載三秒之後：

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

我不知道如何去做。我不太熟悉.load（）函數。

Answer 1

使用setTimeout(...)

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

Answer 2

使用.delay()函數。

Answer 3

電話您可以使用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); 
    } 
);