我试图理解 this drag/drop javascript example 将在 jquery 中完成。我猜测 jquery 版本会更简洁、更高效且更易于理解。
最佳答案
这就是我不使用 jQuery UI 时的做法。假设您已将 .draggable
样式设置为 position: absolute
:
var $draggable = null, startX, startY;
$('.draggable').live('mousedown', function(ev) {
$draggable = $(this);
var pos = $draggable.position();
startX = ev.pageX - pos.left;
startY = ev.pageY - pos.top;
return false;
});
$(document).bind('mousemove', function(ev) {
if ($draggable) {
$draggable.css({ left: ev.pageX - startX, top: ev.pageY - startY});
return false;
}
});
$(document).bind('mouseup', function(ev) {
if ($draggable) {
$draggable = null;
return false;
}
});
关于javascript - 使用 jquery 灵活拖放(像这个 javascript),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3534308/