我是jQuery的新手,所以我对它了解不多,但是我读到了.load()函数,它建立了ajax连接并将页面的结果显示给特定的html元素。我试图做的是在同一页面上加载三个不同的div。
例:
$("#abc1").load("result1.php",{"name:"namex});
$("#abc2").load("result2.php",{"name:"namey});
$("#abc3").load("result3.php",{"name:"namey});
有没有办法确保另一个 .load() 函数仅在第一个函数加载后运行,依此类推?
您可以使用回调。
$( "#abc1" ).load( "result1.php", {"name:"namex}, function() {
alert( "Load 1 was performed." );
$( "#abc2" ).load( "result2.php", {"name:"namey}, function() {
alert( "Load 2 was performed." );
});
});
尝试如下:
$("#abc1").load("result1.php", function() {
$("#abc2").load("result2.php", function(){
$("#abc3").load("result3.php", function(){
alert("All load performed.");
});
});
});
这是您想要的确切方法:
$("#abc1").load("result1.php",{"name:"namex}, function(){
$("#abc2").load("result2.php",{"name:"namey}, function(){
$("#abc3").load("result3.php",{"name:"namey});
});
});
加载回调解释如下:http://api.jquery.com/load/