jquery - 子供以外のライブクリック？

Question

私は次のdivを持っています:

<div class="main">
     <button class="quick">sample</button>
</div>

そして、私はこのスクリプトを持っています:

    $('.main').live('click', function() {

mainただし、内のボタンをクリックしても何も起こらないように変更したいと思います。

Answer 1

$(".main .quick").on('click', function (e) {
    e.stopPropagation();
});

これにより、イベントが親にバブリングするのを防ぎます。

.onまた、の代わりに使用する必要があります.live(使用可能な場合は使用します。そうでない場合は使用します.delegate)。

実際にイベント委任が必要な場合に備えて、次のようにします。

$(document).on('click', ".main .quick", function (e) {