jquery - ダブルクリックイベントを使用したJquery .on

Question

なぜこれが機能するのですか：

$(document).on("dblclick", "#areaA tr:has(td)", function(e) {
     //code here
 });

これはそうではありません

$("#areaA tr:has(td)").on('dblclick', function(e) {
    //Code here
});

jquery のドキュメント ページの例に正確に従っていますが、ダブル クリックが作動しません。最初の方法では動作しますが、イベントが 2 回発生するようです。

これは Kendo UI グリッドのコンテキストにあります。

これら 2 つのコードに本当に違いはありますか?

Answer 1

主な違いは、クリックするたびに最初の条件がチェックされることです。そのため、idareaAまたは ortrを含む要素tdが動的に追加された場合、最初のものだけが機能します。