jquery - jQueryの複数のクリックハンドラー..発射の順序を確保する方法は?

Question

次のように要素にバインドされた2つのクリックハンドラーがあります。

バインドしているコントロールを含むファイルには、そのコントロールに固有の機能を実行する最初のハンドラーがあります

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

そのコントロールを使用するメインページには、ページ固有の機能のためにその要素にバインドする別のハンドラーがあります

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

AJAX 呼び出しによって常にコントロールが変更され、ハンドラーが再登録されるため、「ライブ」を使用します。ただし、「foo」が「bar」の前に一貫して発生するようにする方法が必要です...何か提案はありますか?

Answer 1

どうですか：

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

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

Answer 2

クリック イベントを 1 つにまとめてみます。

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

Answer 3

次のようなことができます。

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