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');

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

Answer 2

这里我给你发送异步加载整个div的内容的例子，它对于刚设置的所有div也很有用＆＃34; data-url＆＃34;为每个div并给出类名＆＃34; partialContents＆＃34;

<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>

异步加载Full Div的内容

2 个答案: