Comment attendre la fin d'une fonction jQuery avant de poursuivre?

Question

Donc maintenant j'ai le code

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

Fondamentalement, ce qu'il fait est une forme se propage menu de sélection après une valeur est choisie. Le problème est que la troisième ligne n'a pas l'action voulue, elle essaie de s'exécuter avant que la deuxième ligne ne finisse de remplir la liste.

Y at-il un moyen de faire attendre la 3ème ligne jusqu'à la propagation de la liste? (En remplissant la liste reformate la liste).

Answer 1

Utilisez le paramètre de rappel de .load(), comme ceci:

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

Les pistes de rappel lorsque la réponse revient et l'élément #course a le nouveau contenu. Il reçoit également le html renvoyé du serveur comme premier argument, si vous en avez besoin pour une raison quelconque.

également depuis votre sélection initiale est si cher, je recommande fortement .delegate() ici, comme ceci:

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

Answer 2

utiliser la fonction de rappel dans jQuery load()

comme ceci:

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