Question

我在html中创建div占位符并存储用于获取rel属性的url，其中一些url加载速度较慢

当使用下面的代码时，每个循环等待每个加载函数完成，然后移动到下一个加载函数，这使得带有5个占位符的html加载速度非常慢：

$("div[class=ajax_wrapper]").each(function() {
            $(this).load($(this).attr('rel'), function(content) {
                //alert(content);
            });     
        });

如何异步加载不同的div？

Answer 1

您使用AJAX加载每个div的内容，从而导致多个并行异步请求，直到这些请求完成后，内容无法显示。您可以尝试在第一个请求时直接在服务器上加载其内容，并将它们作为初始HTML的一部分发送。如果内容必须更改，您可以使用AJAX仅刷新需要更改的div。

Answer 2

这个怎么样

$("div[class=ajax_wrapper]").load($(this).attr('rel'), function(content) {
            //alert(content);
        });     
});

编辑：在document.ready中，当然，包括在：

$( function() { //code } );

使用jquery .load没有延迟

2 个答案: