カスタムイベントの定義とトリガー

Question

DatatTbleのセルでカスタムイベントを呼び出す必要があります。だから、私は次のような方法があります：バインディングを作成するには

(function ($) { 
    $.fn.longClick = function (callback) { 
    //event 
    }; 
})(jQuery); 

を、テストとして、私は次のようにします。

$("h1").longClick(function() { 
    console.log('triggered'); 
}); 

私は私のクリックイベントを交換する必要があります。

$('#dtStatus').on('click', 'tbody td:not(:first-child)', function (e) { 
    console.log('triggered'); 
}); 

私のlongpressイベントで。

$('#dtStatus').on('longClick', 'tbody td:not(:first-child)', function (e) { 
    console.log('triggered'); 
}); 

h1 longclickとtdクリックイベントの仕事が、TD longpressにはありません。 on('longClick')のように自分のイベントを使用できない理由を教えてもらえますか？

ありがとうございます。

Answer 1

私は、関数をイベントと混合していると思います。 $.fn.longClickを使用して、すでに$("h1").longClick(...)で正常に呼び出された関数を作成しました。

イベントのように使用するには、まずイベントをトリガーする必要があります。たとえば：

$('#dtStatus').click(function() { 
    $(this).trigger("myEvent"); 
}); 

これは、クリックされた項目の名前myEventでイベントをトリガします。あなたはjQuery documentationにカスタムイベントの詳細を読むことができ

$('#dtStatus').on("myEvent", function() { 
    alert("myEvent called!"); 
}); 

：次に、あなたがして、そのイベントをキャッチすることができます。