拖放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>