javascript - 当另一个加载完成时加载文件

Question

所以我基本上有一个将文件加载到一个 id 的加载，当加载完成后，我想将另一个文件加载到第一个加载内的 id。

是不是有点奇怪？

我们可以添加一些代码来更容易地描述它。

function interestsList() {
$('.interests_editlist').fadeIn(500).load('/snippets/interests_edit.php');
}

这就是现在的样子。我想添加这一行

$('#interests_list').load('/snippets/interests_list.php');

但如果我只是添加它，它不会加载。原因可能是它试图在上面的加载完成之前加载。这是一个问题，因为#interests_list 是在第一次加载时加载的。

如何让第二次加载在第一次加载完成后开始加载？

Answer 1

load() 方法接受一个完整的回调:

function interestsList() {
    $('.interests_editlist').fadeIn(500)
        .load('/snippets/interests_edit.php', function () {
        $('#interests_list').load('/snippets/interests_list.php');
    });
}