拖放 jquery

【问题标题】：drag and drop jquery拖放 jquery
【发布时间】：2010-12-09 16:22:08
【问题描述】：

jquery 拖放有问题。当鼠标落下时，我想得到 x,y 。我的问题是 drop 函数没有执行。

这是我的代码

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'); }
});
});
}
}

【问题讨论】：

标签： javascript jquery drag-and-drop

【解决方案1】：

点击此页面上的查看源代码

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

请注意，可拖动和可放置是两个不同的元素

您的代码将可拖动和可放置都显示为$("#" + ar[a])

这可能是问题所在

【讨论】：

【解决方案2】：

您可能正在寻找类似这样的内容：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>

【讨论】：

【解决方案3】：

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

如果你会得到 event.x 和 event.y

【讨论】：