jQuery Mehrfachklick-Handler..how, Reihenfolge der Zündung zu gewährleisten?

Question

Ich habe 2 Klick-Handler auf ein Element binded etwa so:

in der Datei, die das Steuerelement enthält ich bin Bindung habe ich den ersten Handler, der einige Funktionen zu dieser Kontrolle spezifische

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

In der Haupt-Seite, die diese Kontrolle verwendet, ich habe eine andere Bindung Handler auf dieses Element für seitenspezifische Funktionalität

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

I ‚live‘ verwenden, weil AJAX ruft die Steuerung die ganze Zeit ändern, so dass die h Andlers werden neu registriert. Allerdings brauche ich einen Weg, damit "foo" vor "bar" konsequent passiert ... irgendwelche Vorschläge?

Answer 1

Versuchen Sie, die Click-Ereignisse in einer Kombination:

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

Answer 2

Wie geht um:

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

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

Answer 3

Sie so etwas wie das folgende tun könnte:

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);