exécuter une fonction après un événement on.change

Question

J'ai quelque chose comme ceci: $('#select1').on('change', function() {}) et il fonctionne très bien. Cependant, j'ai besoin d'exécuter une autre fonction une fois la fonction terminée.

Je pensais à prendre le contenu de la fonction, et le mettre dans une fonction nommée, puis en prenant la deuxième fonction et faire la même chose, et en les plaçant dans la fonction anonyme:

$('#select1').on('change', function() { 
    function1(); 
    function2(); 
}); 

Cependant, j'espérais il y avait un autre moyen. Ce qui précède semble incompatible avec jQuery.

Answer 1

pourquoi ne pas vous essayez fonction jquery changement insted javascript se lient

$ ("# select1") .Modification (function() {

function1(); fonction2()

}) ;

Answer 2

Essayez ceci:

$('#select1').on('change', function() { 
    function1(someVariable, function() { 
     function2(someOtherVariable); 
    }); 
}); 


function function1(param, callback) { 
    //...do stuff 
    callback(); 
} 

Voici où je trouve que: Call a function after previous function is complete

Answer 3

Bien que vous puissiez imbriquer des fonctions avec callbacks, généralement les meilleures pratiques en jQuery est d'utiliser jQuery.Deferred.

var function1 = function() { 

    var deferred = $.Deferred(); 

    //Do your thing. When finished, call deferred.resolve() 

    return deferred; 
} 

var function2 = function() { 

    //Function 2 code 
} 

$('#select1').on('change', function() { 

    function1().then(function2); 
});