jQuery UI可排序-拖动项目时执行某些操作 [英] jQuery UI sortable - do something when item is dragged
本文介绍了jQuery UI可排序-拖动项目时执行某些操作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有两个块,一个是可拖动的",另一个是可排序的".
I have two block one is "draggable" and the other is "sortable".
我想做的是当我开始从可排序"中拖动一个项目以通过jQuery做某事时.
What I want to do is when I start dragging an item from "sortable" to do something via jQuery.
这是我的JS:
$(".sortableList").sortable({
});
$(".draggable").draggable({
connectToSortable: '.sortableList',
cursor: 'pointer',
helper: 'clone',
revert: 'invalid',
start: function (event, ui) {
$(this).addClass('testing');
}
});
这是 jsbin
任何想法我该怎么做?
Any ideas how can I do this?
推荐答案
您必须以这样的可排序方式添加更新事件:
You have to add update event at sortable like this :
$(".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
.
So when the dragged from sortable is left to the position update
event will trigger and when it dragged .start
is triggered.
这篇关于jQuery UI可排序-拖动项目时执行某些操作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文