jquery - 异步加载完整 div 的内容

Question

我正在寻找一种异步加载整个 div 内容的方法。到目前为止，我正在预加载 div .orbit-wrapper，但只有背景图像会异步加载。我想延迟加载该 div 中的所有内容，直到页面完全加载。理想情况下，使用 ajax-loader.gif 作为背景http://d.pr/DvKV

Answer 1

jQuery Ajax.load是你的朋友。我直接从 jQuery 文档中复制了示例。见下文：

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

这会将 test.html 中的#container 放入当前页面的#result 中。

Answer 2

在这里，我向您发送异步加载整个 div 内容的示例，它对于页面中的所有 div 也很有用，只需为每个 div 设置“data-url”并给出类名“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>