如何在draggable进入元素时找到元素id

时间:2013-12-23 12:29:39

标签: jquery jquery-ui draggable

我有一个可拖动的,我需要知道可拖动元素进入的id。

有一个可拖动的div。 它可以在桌子上移动。 我需要得到可拖动的td的id。

我不在乎。有人能帮助我吗?

    ko.bindingHandlers.draggable={
            init: function(element) {
                $(element).draggable({
                    stop: function(event, ui) {
                        var stopPos = $(this).position();
                    },
                    containment : 'body'
                });
            }
    };

2 个答案:

答案 0 :(得分:1)

您是否需要了解id元素draggable所在元素的dropped

您需要在drop(在您的情况下,表格中)注册droppable功能,

这是您如何同时获得iddroppable

draggable
$('.selector').droppable({ drop: Drop });

function Drop(event, ui) {
  var draggableId = ui.draggable.attr("id");
  var droppableId = $(this).attr("id");
}

答案 1 :(得分:1)

您可以使用over事件来了解表格中当前的od标识。

代码:

$("#draggable").draggable();

$("td").droppable({
    over: function (ev, ui) {
        console.log(this.id)
    }
});

演示:http://jsfiddle.net/IrvinDominin/aTV5T/