Draggable嵌套在Draggable拖動當在IE中拖動子節點

Question

我正在構建一個使用jQuery的座位應用程序。我周圍有桌椅，椅子上可能坐着客人。每個表格都有一個可拖動的包裝div。桌子裏面有任意數量的椅子div。在任何椅子裏面，客人都可以坐下。客人也是一個嵌套在椅子div內的div。這是一個這樣的表的標記的示例。這張桌子有8位嘉賓，兩位嘉賓坐在前兩把椅子上。

<div id="table-wrapper-1" class="table-wrapper table-type-0 ui-draggable"> 
    <div id="table-1" class="seating-table">  
    <div class="seating-table-name">Table 1</div> 
    </div> 
    <div id="chair-1-0" class="chair chair-pos-0 table-chair-1"> 
    <div title="Elaine Benis" id="guest-2-5-2" class="guest guest-2 ui-draggable"></div> 
    </div> 
    <div id="chair-1-1" class="chair chair-pos-1 table-chair-1"> 
    <div title="Elaine Benis" id="guest-2-5-2" class="guest guest-2 ui-draggable"></div> 
    </div> 
    <div id="chair-1-2" class="chair chair-pos-2 table-chair-1"></div> 
    <div id="chair-1-3" class="chair chair-pos-3 table-chair-1"></div> 
    <div id="chair-1-4" class="chair chair-pos-4 table-chair-1"></div> 
    <div id="chair-1-5" class="chair chair-pos-5 table-chair-1"></div> 
    <div id="chair-1-6" class="chair chair-pos-6 table-chair-1"></div> 
    <div id="chair-1-7" class="chair chair-pos-7 table-chair-1"></div> 
</div> 

div.table-wrapper是可拖動的，div.guest也是如此。這個想法是，你可以將一個客人從一個椅子拖到另一個椅子上，或者將整個桌子拖到不同的位置。我遇到的問題是在IE中，如果您單擊並拖動一個guest，則guest和table都將同時拖動。有誰知道我該如何解決這個問題？

感謝， 〜馬特

Answer 1

大量挖掘後，我似乎找到了解決辦法現在。它涉及到侵入ui.draggable.js，但目前看起來沒有任何其他方式。

要看到我的完整的答案，看看我的文章了jQuery論壇：

http://forum.jquery.com/topic/draggable-nested-inside-draggable-drags-both-when-dragging-child-in-ie

希望這可以幫助別人有類似的問題。

謝謝， 〜馬特