Question

我是jQuery的新手，所以我不太了解它，但是我读到了 .load（）函数，它创建了一个ajax连接并显示了页面的结果特定的html元素。我试图做的是在同一页面上加载三个不同的div。

示例：

$("#abc1").load("result1.php",{"name:"namex});
$("#abc2").load("result2.php",{"name:"namey});
$("#abc3").load("result3.php",{"name:"namey});

有没有办法确保其他 .load（）功能仅在第一个加载时运行，依此类推？

Answer 1

您可以使用callback。

$( "#abc1" ).load( "result1.php", {"name:"namex}, function() {
    alert( "Load 1 was performed." );
    $( "#abc2" ).load( "result2.php", {"name:"namey}, function() {
        alert( "Load 2 was performed." );
    });
});

Answer 2

试试这样：

$("#abc1").load("result1.php", function() {
    $("#abc2").load("result2.php", function(){
        $("#abc3").load("result3.php", function(){
            alert("All load performed.");
        });
    });
});

Answer 3

以下是您想要的确切方式：

$("#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/

如何在其他加载完成时启动jQuery加载？

3 个答案: