在可排序的jquery ui中自定义拖放
Customize drag and drop in sortable jquery ui
我使用jquery ui连接列表在2个uls之间拖放。现在拖放操作正常。我想为这两种滴剂编写自定义功能。我将如何实现这一点?
我尝试了以下操作,但对我不起作用(这对两次下降都执行)
$("#sortable1").sortable({
update: function (event, ui) {
debugger;
var id = ui.item.attr("id");
alert(id);
var val = ui.item.val();
alert(val);
var index = ui.item.index()+1;
alert(index)
}
});
这不会对两次下降都执行
$("#sortable2").droppable({
update: function (event, ui) {
debugger;
var id = ui.item.attr("id");
alert(id);
var val = ui.item.val();
alert(val);
var index = ui.item.index() + 1;
alert(index)
}
});
我需要使用接收而不是更新
对于第一个ul下降功能:
$("#sortable1").droppable({
receive: function (event, ui) {
debugger;
var id = ui.item.attr("id");
alert(id);
var val = ui.item.val();
alert(val);
var index = ui.item.index() + 1;
alert(index)
}});
对于第二个ul下降功能:
$("#sortable2").droppable({
receive: function (event, ui) {
debugger;
var id = ui.item.attr("id");
alert(id);
var val = ui.item.val();
alert(val);
var index = ui.item.index() + 1;
alert(index)
}});
相关文章:
- jQuery UI可拖动:自定义捕捉方法
- 使用自定义记号创建可缩放的Y轴
- 如何将自定义字体轻松地放入HTML5画布中
- 自定义内容滚动框'的滚动条在拖动时跳转
- 传单自定义标记图标缩放
- 如何将从谷歌自定义搜索API获取的数据放入复选框列表
- 映射API自定义可拖动方向
- HTML5中的自定义拖放画布
- 传单:是否可以自定义缩放级别
- 如何将自定义缩放控件添加到使用角度谷歌地图构建的地图中
- 如何将自定义函数放入 JavaScript 对象中以在 HTML 模板中使用
- 找不到Angular.js Angular拖放自定义回调函数
- 拖动&将自定义HTML拖放设置为拖动图像
- 在可排序的jquery ui中自定义拖放
- 在多个元素上自定义拖动图像
- 如何在svg.js中自定义拖动事件
- 剑道UI -自定义拖放
- 自定义缩放控制导致最大调用堆栈大小超出错误
- 在React传单中获取自定义缩放按钮时遇到问题
- MooTools自定义拖动事件