jQuery可拖动列表项被隐藏答案

【问题标题】：Jquery draggable list items are hiddenjQuery可拖动列表项被隐藏
【发布时间】：2013-12-24 13:53:18
【问题描述】：

您好，我有一个带有可拖动操作的列表项。当我拖动一个 li 时，该 li 被其他列表项隐藏了

$(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 项目在其他项目上可见

【问题讨论】：

标签： javascript jquery jquery-ui draggable listitem

【解决方案1】：

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

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

jsFiddle example

来自文档：

stack：控制匹配的元素集的 z-index 选择器，总是将当前拖动的项目放在前面。非常在窗口管理器之类的东西中很有用。

【讨论】：

匿名懦夫反对者关心成长一对并解释问题？

【解决方案2】：

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

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

和

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

使用 stack:".ui-selected" 停止可拖动事件。我所有选择拖动的列表项都出现在前面。

【讨论】：