Question

嗨我有一个带有可拖动动作的列表项。当我拖动一个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项目可以在其他项目上看到

Answer 1

将stack option添加到您的draggable：

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

<强> jsFiddle example

来自文档：

stack：控制匹配的元素集的z-index 选择器，始终将当前拖动的项目放在前面。非常在窗口管理器等方面很有用。

Answer 2

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

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

和

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

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

Jquery可拖动列表项是隐藏的

2 个答案: