Question

我正在搞乱JQuery UI的可拖动功能，并且它的工作非常好，但我被困在一个特定的任务中。

我有两张照片。我想要发生的是，当我开始拖动image1时，image2将自动获得鼠标的X和Y位置，并在拖动图像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

试试这个：

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'})
});

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

1 个答案: