jQuery可拖动列表项被隐藏

Question

嗨，我有一个带有可拖动动作的列表项。 当我拖动一个li时，li被其他列表项隐藏

演示： JsFiddle

$(function()
  {

      $("#drop").droppable({
          drop:function(e)
          {
              $("#drop").html("is drop");
          }
      });
      $("#down li").draggable({revert:true});
  });

<ul id="down">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>
<div id="drop">
</div>

我希望拖动的li项目在其他项目上可见

Answer 1

将stack选项添加到您的可拖动对象中：

$("#down li").draggable({
    revert: true,
    stack: "li"
});

jsFiddle示例

从文档：

堆栈：控制与选择器匹配的元素集的z-index，始终将当前拖动的项目置于最前面。 在诸如窗口管理器之类的工具中非常有用。

Answer 2

非常感谢，是的，我没有在文档中看到（但是它是英文的，而且不是很全面）。 我的代码有点复杂，因为我管理多重拖动。 并且其他被拖拉的李不会出现在另一个李的面前。 但是我已经添加了可拖动的开始事件：

 $(this).css("z-index","9999") 

和

$(this).css("z-index","1")

停止可拖动stack:".ui-selected"事件stack:".ui-selected" 。 我所有要拖动的列表项都显示在前面。