javascript - 在 IE 中拖动子级时，嵌套在 Draggable 中的 Draggable 会同时拖动

Question

我正在使用 jQuery 构建一个座位应用程序。我的 table 周围有椅子，可能有客人坐在椅子上。每个表格都有一个可拖动的包装 div。 table 里面有任意数量的椅子分区。客人可以在任何椅子座位内就座。 Guest 也是一个嵌套在椅子 div 内的 div。以下是此类表的标记示例。这张 table 有 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 也是如此。这个想法是，您可以将客人从一张椅子拖到另一张椅子上，或者将整个 table 拖到不同的位置。我遇到的问题是在 IE 中，如果您单击并拖动访客，访客和 table 都会同时拖动。有谁知道我该如何解决这个问题？

谢谢，〜马特

Answer 1

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

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

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

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

谢谢，〜马特