2013-08-20 21 views
0

延遲.load然後加載另一頁內容的最佳方式是什麼?如何在settimeout上加載內容

下面的代碼不工作

$(document).on('click', '#id', function() { 
     setTimeout(function() { 
      $('.overlay').load('loader.html'); 
      $('.overlay').show(); 
     }, 100); 

      $('.overlay').load('page6.html'); 
     $('.overlay').show(); 

    }); 
+1

什麼不工作?它應該顯示「page6.html」爲1/10秒,然後顯示「loader.html」 –

+0

$(document).on('click','#id',function(){0} {0} setTimeout(function(){ ('。overlay')。show(); },0); $('.overlay').load('.overlay').load('loader.html'); $ ('。overlay')。show(); }); – Amit

回答

0

負載處於異步模式執行。您可能試圖等到加載完成後才能顯示.overlay。爲了做到這一點,你應該執行show裏面完整的處理程序

$('.overlay').load('page6.html', function() { 
    $('.overlay').show(); 
}); 
+0

如何延遲第一個.load,然後執行第二個.load? – user1177860

+0

@ user1177860:首先是什麼? 'loader.html'? –