javascript - Jquery 帮助 : Draggable to Sortable and then back to draggable again

标签 javascript jquery jquery-ui-sortable draggable

我在拖动列表中有一个项目池,它使用 connectToSortable 选项连接到一个可排序对象。现在我想从这个排序列表中删除一些项目并将它们移回拖动列表。有点像撤消。假设用户将大约 5 个项目移动到排序列表并决定他/她只想要 4 个项目,并决定将不需要的项目从排序列表拖到拖列表中。如何在不在排序列表中添加“删除”链接的情况下完成此操作。多谢。 更多信息请引用http://the-stickman.com/web-development/javascript/jquery-dropping-items-from-a-draggable-list-to-a-sortable-list/

最佳答案

jQuery UI example看起来像你所追求的。它具有两个连接列表,用户可以在它们之间拖动元素。

但我怀疑您的场景与示例不符。假设您有一个拖动列表,一个 UL,其中每个 LI 都可拖动并链接到另一个 UL 可排序(参见 this link 的示例)。每次从拖动列表中拖动某些内容时,都会对拖动的元素使用克隆。使用“out”事件,您可以在将项目拖到可排序列表之外时进行注册,如果触发“stop”事件时该项目仍在外部,则将其从可排序列表中删除。使用 sortable 小部件的 ui.position 和 ui.offset 属性,您可以确定在实际从 sortable 中删除项目之前是否将该项目拖过拖动列表。

希望这对您有所帮助。

关于javascript - Jquery 帮助 : Draggable to Sortable and then back to draggable again,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/676415/

相关文章:

javascript - Twitter Bootstrap 在下拉菜单打开时停止传播

javascript - 获取选中的名称复选框

javascript - 优化 javascript 代码以在数组中找到 3 个最大的元素及其索引?

javascript - 如何给函数添加延迟

javascript - 是否可以让 jQuery 根据 DIV 的数字内容进行数学计算?

jquery-ui - 在 droppable 的 Drop 事件上调用 $(item).sortable ('cancel' ) 禁用可排序

javascript - jquery 在可排序中交换排序

Jquery可排序更新事件只能调用一次吗?

javascript - 将日期从一个函数传递到下一个函数

javascript - 使用 DynamoDB 扫描重复项目