另一次加载完成后加载文件

时间:2013-12-08 18:02:31

标签: javascript jquery ajax

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

听起来有点奇怪吗?

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

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

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

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

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

第一个装载完成后,如何让第二个装载开始加载?

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

您可以使用.load()回调来了解加载完成的时间 试试这个:

    function interestsList() {
       $('.interests_editlist').fadeIn(500).load('/snippets/interests_edit.php', function() {
           //callback function when the first load is complete
           $('#interests_list').load('/snippets/interests_list.php');
      });
    }