拖放jquery

Question

我的问题与jquery拖放。当鼠标掉落时，我想获得x，y。我的问题是拖放功能没有执行。

这是我的代码

function DragDrop(ar) 
{ 
var a=0; 
for(a=0;a<ar.length;a++) 
{ 
$(document).ready(function() { 
$("#" + ar[a]).draggable(); 
$("#" + ar[a]).droppable({ 
drop: function() { alert('dropped'); } 
}); 
}); 
} 
} 

Answer 1

点击此页面上查看源

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

注意，拖动和投掷的是两个不同的元素

你的代码演示了两个可拖动并可作为$("#" + ar[a])

那很可能是出了什么问题

Answer 2

$(".selector").droppable({ 
    drop: function(event, ui) { ... } 
}); 

在事件中，你会得到event.x和event.y

Answer 3

您可能会寻找更多的东西是这样的：Example

function DragDrop(ar) { 
    var a = 0; 
    for (a = 0; a < ar.length; a++) { 
     $("#" + ar[a]).draggable().mouseup(function() { 
      var p= $(this).position(); 
      $('#output').html('x: ' + p.left + ', y: ' + p.top); 
     });; 
    } 
} 

上例中使用的HTML

<div id="output"></div> 
<div id="asdf" ></div>