1

Mootools には、さまざまなイベント タイプを使用して、特定の親要素の子要素に一意のイベント ハンドラーを委譲するための次の構文があります。jQueryに同様の構文が存在しますか? 要素をアタッチしたい要素ごとに個別のケースを書くことを避けようとしています。

$('myElement').addEvents({
    // monitor an element for mouseover
    mouseover: fn,
    // but only monitor child links for clicks
    'click:relay(a)': fn2
});

渡される 2 番目の項目にもっと関心があります。これは基本的に、「#myElement 内のアンカーをクリックすると、この関数を呼び出す」という内容です。このリストを簡単に拡張して、必要なイベントを使用して、他の子に固有のイベント ハンドラーを追加できます。

4

1 に答える 1

4

私が考えることができる最も近いものは次のon()とおりです。

$('#myElement').on('mouseover', 'a', function(){
        // do something when an a element within the '#myElement' element is moused-over
    });

またdelegate()、ほとんど同じことを実現しますが、わずかに異なる構文を使用するもあります。

$('#myElement').delegate('a', 'mouseover', function(){
    // do something when the 'a' within the '#myElement' element is moused-over
});

JS フィドルのデモ。

参考文献:

于 2012-06-21T18:50:12.460 に答える