javascript - jQuery 関数が呼び出されないようにする方法

Question

重複の可能性:
jQuery で最初のハンドラーから他のイベント ハンドラーを防止する方法

次のような 2 つの jQuery 関数があります。

$('#click-me').live('click', function(event) {
    alert("Hello World");
    event.preventDefault();
});
$('#click-me').live('click', function(event) {
    alert("Goodbye World");
});

奇妙に聞こえるかもしれませんが、2 番目の関数 ("さようなら世界" アラートを実行する) を実行したくないとしましょう。event.preventDefault は役に立ちません。

ありがとうピーター

Answer 1

を使用event.stopImmediatePropagation()して、後続のすべてのハンドラーがトリガーされないようにすることができます。

Answer 2

次のようなものを試してください

var goodbyeCallback = function(event) {
   alert("Goodbye World");
}

$('#click-me').live('click', function(event) {
    alert("Hello World");
    $('#click-me').die('click', goodbyeCallback);
});
$('#click-me').live('click', goodbyeCallback);

コールバックが発生したときの順序に問題がある可能性があります。それらを単一のコールバックに参加させることはできませんか？

ところで：jQueryのドキュメントには、これ.live()は非推奨であると書かれています。

Answer 3

live()使用する代わりon()にoff()：

$('#click-me').on('click', canBeOnOrOff);

function canBeOnOrOff(event) {
  alert('goodbye world');

  // this removes the event handler from the click event
  $('#click-me').off('click', canBeOnOrOff);
}