jquery - Jquery Drag：在拖动第一个图像时跟随鼠标有第二个图像

Question

我正在搞乱 JQuery UI 的可拖动功能及其工作得很好，但我在一项特定任务中遇到了困难。

我有两张图片。我想要发生的是，当我开始拖动 image1 时，image2 将自动到达我的鼠标的 X 和 Y 位置，并在拖动 image 1 时跟随鼠标，并且仅在拖动 Image1 时。在我松开拖动 image1 的那一刻，image2 也应该停在它所在的位置（应该与 image1 位于同一位置）。

有没有一种简单的方法可以做到这一点？如果不需要，它不必使用 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

尝试这个：

这是工作的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'})
});