0
我有幾個div在彼此之上。最上面的一個需要可拖動，下面的那個應該仍然可以點擊。我附上下面的圖片中，這樣就可以瞭解更多我的意思：如何讓兩個JavaScript div在可以拖動的時候彼此重疊？
綠色div s爲在細胞中的一個內。當我點擊其中一個單元格時，我會看到上面的菜單。我希望能夠抓住綠色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仍然可點擊？