Как дождаться завершения функции 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()

Like This:

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