當另一個負載完成時加載文件

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'); 
    }); 
} 

Answer 2

可以使用.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'); 
     }); 
    }