0
나는 여러개의 서로의 위에 여러 개의 div
을 가지고있다. 상단에는 드래그 가능해야하고 그 아래에는 클릭 할 수 있어야합니다. 난 당신이 더 무슨 뜻인지 이해할 수 있도록 아래의 사진을 부착 오전 :Javascript div가 서로 위에있을 때 드래그 할 수있는 방법은 무엇입니까?
녹색 div
들 셀 중 하나의 내부입니다. 셀 중 하나를 클릭하면 위의 메뉴가 나타납니다. 녹색 div를 그릴 수 있고 싶습니다. 그리고 내부에서 클릭하면 mouseclick
이벤트가 발생하여 부모 div가 아닌 셀에서 해고 당합니다.
<!-- 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를 드래그 할 수 있도록하려면 어떻게해야합니까?