获取放置元素的项目/对象

时间:2012-03-06 13:40:38

标签: javascript jquery jquery-ui jquery-ui-sortable

我正在编写一个包含三个列表的任务面板,我使用sortable来在它们之间移动项目。但是我需要拿起放下元素的项目。我知道ui.item是丢弃的元素,但我不知道我放弃了什么。这是我的代码:

$( ".column" ).sortable({
    receive: function(event, ui) {
        /* get the element where ui.item is dropped */
    }
});

我知道该元素将是.column选择器,但如何选择!!!

2 个答案:

答案 0 :(得分:7)

编辑 - 一种方法就是这样

$("#sortable1, #sortable2").sortable({
    connectWith: ".connectedSortable",
    receive: function(e, ui) {
        alert(ui.item.closest('ul').attr('id'));

    }
}).disableSelection();

当然,如果你不想让你要做的掉落元素旁边的元素

ui.item.closest('ul')

在这里摆弄http://jsfiddle.net/dKaYM/

答案 1 :(得分:4)

非常简单:

alert($(this).attr('id')); //this is element where the item was dropped in