jQuery UI可排序-拖动项目时执行某些操作 [英] jQuery UI sortable - do something when item is dragged

问题描述

我有两个块，一个是可拖动的"，另一个是可排序的".

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屋！