Question

我正在尝试为我的网站使用droppable插件。我有一个页脚在ul列表中有项目，我试图能够将项目从页脚底座拖到任何地方但是在Dock中删除项目。但无论我尝试过什么，它都无法按预期工作。它允许我将它放在任何地方，它将被删除。

这是我的示例代码：

HTML

<html>
<body>
...
<div id="page">
...
<div id="dock">
     <ul>
          <li class="item">item 1</li>
          <li class="item">item 2</li>
     </ul>
</div>
...
</div>
...
</body>
</html>

JS

$("body").droppable({
     accept: ".item",
     drop: function(event, ui) {
          removeItem();
     }
});

$(".item").draggable({
     helper: "clone"
});

所以上面的代码没有达到我的预期。即使我还在码头，我也可以删除这些物品。所以我可以拖动项目像几个像素，放手，它将删除该项目。我想要的是它可以放在任何地方但是要移除的码头区域。

任何帮助表示感谢。

Answer 1

尝试使用选项greedy: true使您的底座可拖动，并在放下时恢复该项目：http://jsfiddle.net/SKDDZ/

jQuery Ui Droppable Drop位置问题

1 个答案: