jQuery可排序-将放置在外部的项目移动到连接列表
jQuery Sortable - Move item dropped outside to connected list
我有两个相互连接的可排序列表。要将一个项目从清单1移动到清单2,我必须从清单1中拖动一个项目,然后直接放到清单2上。
我需要的是,当我从list1中拖动项目并在list1之外拖放项目时,项目应该转到list2,而不是返回到list1。这可能吗?
$('.sortable1').sortable({
connectWith: '.sortable2'
});
$('.sortable2').sortable({
connectWith: '.sortable1'
});
http://jsfiddle.net/0tpb8o5d/1/小提琴:http://jsfiddle.net/0tpb8o5d/3/
使用over和out事件,你可以得到被拖拽项目的状态是在可放容器的外部或内部:
over: function (event, ui) {
outside = false;
},
out: function (event, ui) {
outside = true;
},
beforeStop事件中的一个简单条件完成了剩下的工作:
beforeStop: function (event, ui) {
if (outside) {
ui.item.prependTo('.sortable2');
}
}
相关文章:
- 无法在jquery中向上或向下移动列表中的多个项目
- 交互.js拖动的项目移动到顶部
- 用鼠标点击移动屏幕项目的顺序
- 如何使用jquery将所选项目从一个下拉组列表(optgroup)移动到另一个下拉列表(optgroup)
- 更新azure移动服务数据库中的现有项目
- Jquery UI可排序,自动移动项目
- 我想在混合移动应用程序中使用Sqlite插件(Cordova)创建一个示例项目
- 如何在jquery移动版的中心制作可折叠项目的标题
- 我的第一个钛移动项目出错
- 提交带有已使用jQuery移动的列表框项目的隐藏字段
- 在 vue.js 中的数组之间移动项目
- 使用 UI 可排序,在单击按钮时根据给定值将项目移动到新位置
- 将最后一个元素移动到数组中的第二个项目的最快方法
- 剑道UI移动列表视图无尽滚动仅显示一个项目
- 在PaperJS中,可以将多个项目组合在一起,使它们作为一个项目移动
- 使用javascript将项目移动到页面的下方
- jQuery可排序-如果拖出,将项目移动到列表顶部
- ExtJs双击网格行应该将项目移动到另一个网格
- jQuery可排序-将放置在外部的项目移动到连接列表
- 将 NodeJS 项目移动到 TypeScript 的过程