異步加載完整分區的內容

Question

我正在尋找一種方法來異步加載整個div的內容。到目前爲止，我正在預加載div .orbit-wrapper，但只有背景圖像加載異步。 Id喜歡延遲加載該div中的所有內容，直到頁面完全加載。理想情況下，以ajax-loader.gif爲背景http://d.pr/DvKV

Answer 1

jQuery Ajax.load是你的朋友。我直接從jQuery文檔複製了這個例子。如下所示：

$('#result').load('ajax/test.html #container'); 

這會將#container從test.html放入當前頁面的#result。

Answer 2

在這裏，我給你舉例的異步加載整個div的內容，它也是在頁面中所有的div只設置「數據鏈接」爲每一個DIV有用，給類名「partialContents」

<div class="partialContents" data-url="Your-URL"> 
</div> 
<script> 
$(document).ready(function() { 

      var baseUrl = window.location.origin;//Load base URL 

      $(".partialContents").each(function (index, item) { 
       var url = baseUrl + $(item).data("url"); 
       if (url && url.length > 0) { 
        $(item).load(url); 
       } 
      }); 
     }); 
</script>