如何使用jQuery UI sortable选择悬停时将项目拖动到的div

Question

好的，所以我有一个可排序的普通jQuery UI，并且需要选择将元素放入其中的div。 我通常通过在接收到的事件中使用ui.item.parent（'div'）来获取此信息。

但是，在over事件中，变量与元素的发送者（从中拖动元素）有关，而不是与鼠标悬停的内容有关。 因此，如何选择要放置元素的位置。

我目前有一个示例，仅打印父元素的偏移量：

$(".connectedSortable").sortable({
    over:function(event,ui){

        console.log(ui.item.closest('div').offset())
},
connectWith: ".connectedSortable"
}).disableSelection();

编辑：

我创建了一个非常简单的示例来展示我在做什么：

http://jsfiddle.net/2Zbwc/4/

基本上，当您将第一个表中的一行拖到下一个表中时，您会在控制台中看到该行的offset.left为0。我需要新表的offset.left。

Answer 1

您可以使用占位符，然后选择占位符类的父级。

http://jsfiddle.net/BnZMA/

$( ".sortable" ).sortable({
    connectWith: '.sortable',
    helper: 'clone',
    placeholder: "placeholder",
    over:function(event,ui){
        console.log($('.placeholder').parent().attr('id'));
    },
});