可对事件进行排序获得当前可放置的

时间:2012-08-01 18:18:44

标签: jquery jquery-ui jquery-ui-sortable jquery-ui-droppable

使用over事件时,如何获得当前的dropable?目前可以放弃我的意思是容器暂时徘徊。

这是我的代码清楚地说明:

$('#widgets-available, #sidebar-drop, #content-drop, #footer-drop').sortable({
    start: function(event, ui) {
        item = ui.item;
        newList = oldList = ui.item.parent().parent();
    },
    over: function(event, ui) {          
        //Get Current droppable??
    }
}).disableSelection();

});

2 个答案:

答案 0 :(得分:2)

在以下情况下使用'this'

over: function(event, ui) {          
        $(this).find('.numdrag').size(); // give the count of elements with class .numdrag in the drop area 
    }

答案 1 :(得分:2)

...或者您可以直接使用事件中的属性而不是执行查找:

   over: function(event) { 
      var myDroppable = event.target; //this is element where it's being dropped 
      var mySortable = event.toElement; //this is the "handle" element that fired the sort event in the first place.
}

希望这有效