Question

获取以下示例代码段：

如果您点击Item 1并Item 2（或其中一个项目），它将变为灰色，表示它可以放置。

进一步拖动，以便排序并且Item 2向上移动到Item 1's之前的位置 - 如果您现在注意到Item 2的可放置位置仍位于Item 2's原始位置位置，不会随Item 2移动到Item 1之前所在的当前位置。

在某种程度上，似乎，至少在其默认状态下，可排序的droppable是不可能的。那么如何才能正确地对可排序的数据进行删除呢？

＆＃13;

$("#sortable").sortable({ cursor: "move" });
$("#sortable > li").droppable({ hoverClass: "hover" });

＆＃13;

.pointer { cursor: pointer; }
.hover { background: #cccccc; }

＆＃13;

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>sortable demo</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
</head>
<body>
 
<ul id="sortable" class="pointer">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>
 
</body>
</html>

＆＃13;

Answer 1

为可排序的refreshPositions: true找到了一个未记录的选项，就是我所需要的。

如何在sortables上正确执行dropable？

1 个答案: