[英]jQuery UI sortable - do something when item is dragged
我有两个块,一个是“可拖动的”,另一个是“可排序的”。
我想做的是当我开始从“可排序”中拖动一个项目以通过jQuery做某事时。
这是我的JS:
$(".sortableList").sortable({
});
$(".draggable").draggable({
connectToSortable: '.sortableList',
cursor: 'pointer',
helper: 'clone',
revert: 'invalid',
start: function (event, ui) {
$(this).addClass('testing');
}
});
这是一个jsbin
有什么想法我该怎么做?
您必须添加可排序的更新事件,如下所示:
$(".sortableList").sortable({
update: function(event, ui) {
//alert("Do something here when item left!");
},
start: function(event, ui) {
//alert("Do something here when item just dragged from sortable!");
},
});
因此,当从sortable拖动到位置时,将触发位置update
事件,而在拖动时,将触发.start
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.