[сiparis]

Здраствуйте,
Прошу помочь мне разобраться с событиями.
Есть к примеру код, в сумме, который выполняет перетаскивание елемента.
Суть в том, что я немогу понять как мне переложить это на jQuery.

var x = 0, drag = 0, elem = document.getElementById('move');

elem.onmousedown = function(event){
   event = event || window.event;
   x = event.clientX+document.body.scrollLeft-parseInt(elem.style.left);
   drag=true;
}
elem.ondragstart = function() {
   return false;
}

document.onmouseup = function() {
   drag = false;
}
document.onmousemove = function(event) {
   event = event || window.event;
   if(drag){
      elem.style.left=event.clientX+document.body.scrollLeft-x;
   }
}

Попробвал преобразовать, но почему-то безуспешно

var x = 0, drag = 0, elem = $('#move');
elem.mousedown(function(event){
   x = event.clientX+document.body.scrollLeft-parseInt(elem.style.left);
   drag=true;
});

elem.dragstart(function(event){
   return false;
});

document.mouseup(function(event){
   drag = false;
});

document.mousemove(function(event){
   if(drag){
      elem.style.left = event.clientX+document.body.scrollLeft-x;
   }
});

Объясните на каком этапе я допустил ошибку?


Неужели, чтобы сделать простой drag & drop из 10 строчек, нужно подключать UI.