0

我正在制作库存系统，但找不到制作结构的最佳方法。我正在使用 JQuery .draggable 和 .droppable ，我的 html 是这样的：

<div id="inventory">
  <div class="slot" data-slot_id="1">
      <div class="item ui-draggable" data-item_id="1"></div>
  </div>
  <div class="slot" data-slot_id="2"></div>
  <div class="slot" data-slot_id="3"></div>
</div>

我的库存有一个背景图像，当可拖动项目悬停在插槽上时，它会突出我的问题是，因为可拖动项目在 div 内，所以在它所在的 div 之后的 div 出现在可拖动项目的顶部。如果不覆盖可拖动项目，我不知道如何使用突出显示。

最后一件事是插槽在容器中浮动到左侧，因为库存容器可以更改大小，我需要插槽自动重新订购并适合库存。任何建议都会非常感谢！

泰国蝎子

4

1 回答 1

0

Okey 刚刚找到了解决方案，很简单，呵呵，我责怪深夜：在开始 Drag 事件时，使父项具有更高的索引，因此它的子项保持在其余项之上，然后在 drop 事件中将其恢复正常，效果很好： D

于 2012-11-07T16:49:35.207 回答