Question

我正在建立一个库存系统，但我找不到最好的方法来制作结构。我正在使用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显示在可拖动项目的顶部。如果没有它覆盖可拖动项目，我不知道如何使用突出显示。

最后一点是插槽在容器中向左浮动，因为库存容器可以改变尺寸，我需要插槽自动重新订购并适合库存。任何建议都会非常感谢！

Thaiscorpion

Answer 1

Okey刚刚找到解决办法，很容易嘿嘿我责备深夜：在开始拖动事件时，使父项具有更高的索引，使其子项保持在其余部分上，然后在drop事件上将其设置为恢复正常，工作得很好：D

如何制作具有悬停和活动效果的库存系统

1 个答案: