如何使jQuery加载在其他加载完成时开始

How to make jQuery load starts when the other load(s) finishes?

本文关键字：加载 完成时 开始 其他 jQuery 何使      更新时间：2023-09-26

我是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/

相关文章：