如何在繼續之前等待jQuery函數完成？

Question

所以現在我的代碼

$('[name=dept]').live('change',function() { 
$('#course').load('getCla.php?dept='+$(this).val()); 
$('select.speedC').selectmenu({style:'dropdown',maxHeight: 250}); 
}); 

基本上，它的作用是選擇了一個值後傳播形式的選擇菜單。問題是，第三行沒有預期的動作，它在第二行完成填充列表之前嘗試執行。

有沒有辦法讓第三行等到列表完成傳播？ （填充列表重新格式化列表）。

Answer 1

使用回調參數的.load()，像這樣：

$('#course').load('getCla.php?dept='+$(this).val(), function() { 
    $('select.speedC').selectmenu({style:'dropdown',maxHeight: 250}); 
}); 

回調運行時，響應回來和#course元素具有新的內容。它也接收從服務器返回的html作爲第一個參數，如果您出於任何原因需要它。

此外，由於您最初的選擇是如此昂貴，我強烈建議.delegate()這裏，像這樣：

$('body').delegate('[name=dept]', 'change', function() { 
    $('#course').load('getCla.php?dept='+$(this).val(), function() { 
    $('select.speedC').selectmenu({style:'dropdown',maxHeight: 250}); 
    }); 
}); 

Answer 2

使用回撥功能jQuery load()

這樣的：

$('[name=dept]').live('change',function() { 
    $('#course').load('getCla.php?dept='+$(this).val(), function (responseText, textStatus, xhr) { 
    $('select.speedC').selectmenu({style:'dropdown',maxHeight: 250}); 
    }); 
});