0

私はdivお互いの上にいくつかのを持っています。上の方はドラッグ可能で、下の方はクリック可能である必要があります。私が何を意味するのかをもっと理解できるように、下の写真を添付し​​ます。

http://i.stack.imgur.com/ZqYzF.png

緑divはセルの1つにあります。セルの1つをクリックすると、上のメニューが表示されます。緑のdivを取得できるようにしたいのですが、mouseclickイベントの内側をクリックすると、親divではなく背後のセルに発火します。

構造をよりよく理解できるように、divのhtmlは次のとおりです。

<!-- Spot 00,30 --->
<div id="2_0" class="spot"> </div>

<!-- Spot 15,45 --->
<div id="2_0_1" class="spot"> </div>
<!-- Spot 00,30 --->
<div id="2_1" class="spot" style="background: none repeat scroll 0% 0% transparent;"> </div>
<!-- Spot 15,45 --->
<div id="2_1_1" class="spot" style="background: none repeat scroll 0% 0% transparent;"> </div>
<!-- Spot 00,30 --->
<div id="2_2" class="spot" style="background: none repeat scroll 0% 0% transparent;"> </div>
<!-- Spot 15,45 --->
<div id="2_2_1" class="spot" style="background: none repeat scroll 0% 0% transparent;"> </div>
<!-- Spot 00,30 --->
<div id="2_3" class="spot" style="background: none repeat scroll 0% 0% transparent;">
<div class="wc-event green ui-draggable" ondblclick="showAppointment(20)" style="display: block; height: 210px;" data-id="20" data-type="booking">
</div>
<!-- Spot 15,45 --->
<div id="2_3_1" class="spot" style="background: none repeat scroll 0% 0% transparent;"> </div>
<!-- Spot 00,30 --->
<div id="2_4" class="spot" style="background: none repeat scroll 0% 0% transparent;"> </div>
<!-- Spot 15,45 --->
<div id="2_4_1" class="spot" style="background: none repeat scroll 0% 0% transparent;"> </div>
<!-- Spot 00,30 --->
<div id="2_5" class="spot" style="background: none repeat scroll 0% 0% transparent;"> </div>
<!-- Spot 15,45 --->
<div id="2_5_1" class="spot" style="background: none repeat scroll 0% 0% transparent;"> </div>
<!-- Spot 00,30 --->
<div id="2_6" class="spot" style="background: none repeat scroll 0% 0% transparent;"> </div>

これは濃い緑色用divです。

下のdivがクリック可能であるのに、上のdivがドラッグ可能になるようにするにはどうすればよいですか？

4

1 に答える 1

0

イベント委任を使用して1つの場所で多くの要素のイベントをキャプチャすることはできますが、別の要素によって隠されているdivのクリックイベントをトリガーすることはできません。

于 2012-10-18T23:14:18.127 に答える