jQuery在一个元素中加载多个html文件

时间:2012-05-15 17:13:05

标签: javascript jquery html load

如何加载多个html文件并将它们放入指定的html元素?

我尝试了没有变化:

$('#asd').load('file.html,pippo.html');

2 个答案:

答案 0 :(得分:5)

你可以获得多个项目并将它们添加到元素中。

jQuery.ajaxSetup({ async: false }); //if order matters
$.get("file.htm", '', function (data) { $("#result").append(data); });
$.get("pippo.htm", '', function (data) { $("#result").append(data); });
jQuery.ajaxSetup({ async: true });  //if order matters

答案 1 :(得分:4)

尝试使用延迟对象。

var defArr = [];
defArr.push($.get('file.html'));
defArr.push($.get('pippo.html'));
$.when.apply($,defArr).done(function(response1,response2){
    $('.result').html(response1[2].responseText + response2[2].responseText);
});