1

重複の可能性:
jquery stop child triggering parent event

親と子の 2 つの div タグがあります。親 div をクリックしてアラート() をいくつか使用します。問題は、子 div をクリックすると、alert() も発生し、親 div タグ領域をクリックするだけでアラートを呼び出したいのですが、これを作成する方法を教えてください。これは私のhtmlコードです

<div id="out_div" style="width: 200px; height: 200px; background-color: #090; position:    absolute; z-index: 1">
        <div id="inner_div" style="width: 100px; height: 100px; background-color: #009; position: absolute; z-index: 2; margin-left: 50px; margin-top: 50px;">

        </div>
    </div>

と js コード:

$(document).ready( function () {

            $("#out_div").on("click", function () {
                alert("asd");
            });

        });
4

1 に答える 1

0

event.targetあなたは：をチェックすることができます

jsFiddleデモ

$(document).ready( function () {

    $("#out_div").on("click", function ( e ) {
         if (!$(e.target).is(this)){ return; }
         alert("asd");
    });

});
于 2012-08-22T08:58:39.463 に答える