我正在尝试为我的网站使用可放置插件。我有一个在 ul 列表中有项目的页脚停靠栏，我试图能够将项目从页脚停靠栏拖到任何地方，但停靠栏以删除项目。但是，无论我尝试了什么，它都无法按预期工作。它可以让我把它放在任何地方，它会被删除。
这是我的示例代码：
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"
});
所以上面的代码没有达到我的预期。即使我还在码头，我也可以移除这些物品。所以我可以将项目拖动几个像素然后放开它会删除该项目。我想要的是让它能够下降到任何地方，但要移除的码头区域。
任何帮助表示赞赏。