faire glisser et déposer jquery

Question

J'ai un problème avec jquery glisser-déposer. Je veux obtenir x, y, quand la souris a chuté. Mon problème est que la fonction drop n'est pas exécutée.

qui est mon code

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

Cliquez sur Afficher la source sur cette page

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

Notez que sont deux éléments différents draggable et largable

Votre code montre à la fois draggable et droppable comme étant $("#" + ar[a])

C'est probablement ce qui a mal tourné

Answer 2

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

dans l'événement, vous obtiendrez event.x et event.y

Answer 3

Vous cherchez peut-être quelque chose comme ceci: 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 utilisé dans l'exemple ci-dessus

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