Jquery Drag : 첫 번째 이미지를 드래그하는 동안 마우스 뒤의 두 번째 이미지가 있습니다.

Question

JQuery UI의 드래그 가능한 기능과 작동 원리가 어지럽 죠.하지만 특정 작업에서 난처한 상황입니다.

두 장의 이미지가 있습니다. 내가 원하는 일은 image1을 드래그하기 시작할 때 image2가 자동으로 마우스의 X 및 Y 위치에 도달하고 이미지 1을 드래그하면서 마우스를 따라 가며 Image1을 드래그 할 때만 해당합니다. Image1을 드래그하는 순간 이미지 2도 이미지 1과 같은 위치에 있어야합니다.

간단한 방법이 있나요? 그것이 나던 경우 JQuery 나 JQuery UI를 사용해야 할 필요가 없다.

http://jsfiddle.net/Z94V8/1/

<div id="div1"></div> 
<div id="div2"></div> 

$(function() { 
$("#div1").draggable(); 
}); 

#div1 { 
    width:25px; 
    height:25px; 
    background-color:red; 
} 

#div2 { 
    width:50px; 
    height:50px; 
    background-color:black; 
} 

Answer 1

이 시도 :

Here is working jsFiddle.

$(window).mousemove(function() { 
    var curLeft = parseInt($('#div1').css('left')); 
    var curTop = parseInt($('#div1').css('top')); 
    console.log(curLeft+'-'+curTop); 

    $('#div2').css({'left': curLeft +'px','top': curTop +'px'}) 
});