jQuery gestionnaires de clics multiples ... comment assurer l'ordre de tir?

Question

J'ai 2 gestionnaires de clic binded à un élément comme ceci:

dans le fichier qui contient le contrôle que je suis se liant à, je le premier gestionnaire, qui fait certaines fonctionnalités spécifiques à ce contrôle

$("#mycontrol").live("click", function() { alert("foo"); }); 

Dans la page principale qui utilise ce contrôle, j'ai un autre gestionnaire de liaison à cet élément pour la page de fonctionnalités spécifiques

$("#mycontrol").live("click", function() { alert("bar"); }); 

J'utilise « en direct » parce que les appels AJAX changent le contrôle tout le temps, de sorte que le h les andlers seront réinscrits. Cependant j'ai besoin d'un moyen pour que "foo" arrive avant "barre" systématiquement ... des suggestions?

Answer 1

Essayez de combiner les événements de clic en un seul:

function foo() { alert("foo"); } 
function bar() { alert("bar"); } 
$("#mycontrol").live("click", function(){ foo.call(this); bar.call(this); }); 

Answer 2

Comment est sur:

$("#mycontrol").live("click", doFooBar); 

function doFooBar() { 
    alert("foo"); 
    alert("bar"); 
} 

Answer 3

Vous pouvez faire quelque chose comme ce qui suit:

var arrEventHandlers = []; 

function registerClickEvent(fnCallback) 
{ 
    arrEventHandlers.push(fnCallback); 
} 

registerClickEvent (function() { alert ("Foo"); }); 
registerClickEvent (function() { alert ("Bar"); }); 

function clickHandler() 
{ 
    for (var i = 0, size = arrEventHandlers.length; i < size; i++) 
    { 
     arrEventHandlers[i].apply (...); 
    } 
} 

$("#mycontrol").live("click", clickHandler);