Question

使用带有＆＃34; connectWith＆＃34;的jQuery UI可排序列表时属性并将项目从一个列表拖动到另一个列表中，它会在接收器列表中创建一个占位符，但是当您移出项目时它也会保留占位符（当您释放项目时，它会进入新列表）。搬出时是否有办法实现标准的可拖动行为，例如：只有当您将项目拖到列表上时，连接列表才会收到该项目（如果该项目不在任何连接列表上，那么占位符应该返回到项目来源的原始列表）？

HTML：

<div class="list list1">
    <div>Item 1</div>
    <div>Item 2</div>
    <div>Item 3</div>
</div>

<div class="list list2">
    <div>Item 1</div>
    <div>Item 2</div>
    <div>Item 3</div>
</div>

CSS：

.list {
  float: left;
  border: 1px solid gray;
  margin-right: 50px;
}

.list > div {
  margin: 5px;
  width: 100px;
}

.list1 > div {
  background: green;
}

.list2 > div {
  background: red;
}

使用Javascript：

$('.list').sortable({ connectWith: '.list' });

Here is the fiddle。当您在红色列表上移动绿色项目时，会显示占位符，但是当您移动绿色项目时，占位符仍然位于红色列表中...并且应该返回到原始绿色列表。

jQuery UI可排序连接列表可拖动行为？

0 个答案: