灵活的拖放与jQuery（如此javascript）

Question

我想了解如何this drag/drop javascript example将在jQuery中完成。我猜jQuery版本会更干净，更高效，更易于理解。

Answer 1

这就是我如何使用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; 
    } 
}); 

Answer 2

结账jQueryUI。他们有很多很酷的东西，包括拖放，这很容易使用。

Answer 3

采取从Jquery ui

Answer 4

退房http://jqueryui.com/demos/draggable/这个看看。你可以查看源代码。你需要链接到jQuery和jQuery UI。