Question

我正在使用jQuery UI来执行一些拖放操作。我试图找出可拖动的东西。

有人可以帮忙吗？这是我的代码。

$(".draggable").draggable({
    stop: function(event, ui){
        console.log(event);
        // I need the element which this draggable is correct in.
    }
});

Answer 1

我认为@Patricia略有错误。我已经分叉了他们的jsfiddle here，但其实质是将项目的id放入

$('.droppable').droppable({
    drop: function( event, ui ) {
         alert($(this).attr("id"));  
    }
});

Answer 2

我认为你需要在droppables drop callback中捕获它。

$('#draggable').draggable();
$('#droppable').droppable({
    drop: function( event, ui ) {
         alert($(this).attr("id"));  
    }
});

在这里看看这个小提琴来玩它：

http://jsfiddle.net/2vsC4/

编辑：oops，这是被拖动元素的id！你想要它降落的地方！这很容易！我在答案中编辑了这个脚本，以表明这一点。

查看draggable和droppable文档，了解有关它们如何工作的更多信息： http://jqueryui.com/demos/draggable/

http://jqueryui.com/demos/droppable/

找出draggable所在的droppable

2 个答案: