在IE中拖动子对象时，可拖动对象嵌套在可拖动对象中

Question

我正在使用jQuery构建一个座位应用程序。我的桌子周围有椅子，可能有客人坐在椅子上。每个表都有一个可拖动的包装器div。桌子里面有任意数量的座椅分区。在任何椅子分区内，客人都可以就座。Guest也是一个嵌套在椅子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中，如果你点击并拖动一个来宾，来宾和桌子都会同时拖动。有人知道我怎么解决这个问题吗？

谢谢~马特

Answer 1

经过大量的挖掘，我现在似乎找到了一个解决方案。它涉及到对ui.draggable.js的黑客攻击，但目前看起来没有其他方法。

要查看我的完整答案，请查看我在jQuery论坛上的帖子：

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

希望这对有类似问题的人有所帮助。

谢谢~马特