如何使用jQuery UI可排序选择悬停项目的div

时间:2012-03-18 08:35:02

标签: javascript jquery jquery-ui

好的,所以我有一个正常的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。

1 个答案:

答案 0 :(得分:3)

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

http://jsfiddle.net/BnZMA/

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