javascript - divをドラッグしながら、ドラッグしたdivと一緒に別のdivを移動します

Question

2つのdivが異なるコンテナに存在します。container2のdiv2をドラッグしながら、container1のdiv1を移動したい。（'left'プロパティは、div1とdiv2で常に同じである必要があります）

「ドラッグ可能」機能を適用することで、それぞれを個別にドラッグすることができます。また、「draggable stop」関数が呼び出されている間に、 div1のleftプロパティをdiv2のleftプロパティに割り当てることにより、映画div1の間にdiv2を移動することができます。ただし、これはドラッグイベントが終了した後にのみ発生します。

div1をドラッグしている間、div2が常にdiv1と一緒に移動するようにする方法はありますか？

私がやろうとしていることを理解するには、JSFiddleリンクを参照してください：http： //jsfiddle.net/37Wkd/16/

Answer 1

$('#block1').draggable({
    axis: 'x',
    containment: '#container1',
    drag: function(){
        $('#block2').css('left',$(this).position().left);  
    }

});​

これはうまくいきませんか？dragイベント の使用：http： //jqueryui.com/demos/draggable/

Answer 2

これを試して：

http://jsfiddle.net/37Wkd/17/