javascript - 如何显示使用 jQuery load() 将多个项目加载到多个元素中？

Question

我需要将大页面中的某些项目加载到页面的不同元素中。我编写的代码可以正常工作，但项目会在经过大量暂停后一个接一个地加载。我在想我可能做错了，因为我不是一个完整的开发人员，而只是一个设计师。

我的代码看起来像:

$("#lot-rental").load("/est.html #est-rental");
$("#lot-deposit").load("/est.html #est-deposit");
$("#lot-date").load("/est.html #est-date");
$("#lot-build").load("/est.html #est-build");

Answer 1

使用$.get()加载数据，然后手动设置各个元素的内容。

$.get('/est.html', function(data) {
    $.each(['rental', 'deposit', 'data', 'build'], function(i, key) {
        $('#lot-' + key).html($(data).find('#est-' + key));
    });
}, 'html');