代码之家 › 专栏 › 技术社区 › cambraca

使用jquery的sortable将项从一个列表复制到另一个列表

jquery-ui-sortable jquery

cambraca · 技术社区 · 14 年前

我有一个普通的可排序列表,还有一个“工具箱”,我想从中获取元素。例如:

<ul id="list"></ul>
<ul id="toolbox">
  <li>item 1</li>
  <li>item 2</li>
</ul>

我想这样做,当您拖动工具箱的某个元素时,它会创建一个可以附加到列表的自身副本。另外,我不希望用户重新排序工具箱的元素。

我在用这个,但它不能满足我的所有需要:

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

1 回复 | 直到 14 年前

Halil Özgür 14 年前

jQuery UI draggable+sortable 正是你想要的。

$( "#list" ).sortable({
    revert: true
});
$( "#toolbox li" ).draggable({
    connectToSortable: "#list",
    helper: "clone",
    revert: "invalid"
});
$( "ul, li" ).disableSelection();

推荐文章

Irfanullah Jan · jQuery ui可排序:切换启用-禁用列表上的可排序

7 年前

n2lose · AngularJS可排序订单定价问题

7 年前

Glen Davidson · 如何在iframe中的wordpress管理帖子页面中拥有可排序的UI?

7 年前

SrgHartman · 无法使div在彼此之间可排序,但可以对其中的元素进行排序

7 年前

Dhruva Ahuja · 使用angularJS在html中添加/删除方框

7 年前

gumireddy · ondrop事件-创建新元素

7 年前

Mike · 通过单击图像启动JQuery Div拖动

8 年前

user5813072 · jquery可排序函数在视图中不工作(mvc)

8 年前

dirkiev · jQuery UI Sortable Widget动态添加不触发事件的列表

8 年前

Twiggit · 可排序和序列化

8 年前