6

複数の div があります (同じクラス名を持つ)。#pos1div (一意の ID を持つ常に同じ div ) を、クリックされた divに移動したい。そのため、次のコードを使用して position1 (移動したい div の) と pos2 (クリックされた div) を見つけています。

ただし、divをある位置から別の位置に移動(アニメーション化など)する方法がわかりません。どんな助けにも感謝します。

jQuery(".container").click(function() {

    var pos1 = jQuery("#pos1").position();
    alert(pos1.top + ', ' + pos1.left);

    var pos2 = jQuery(this).position();
    alert(pos2.top + ', ' + pos2.left);

});
4

2 に答える 2

5

まず、すべての.containerdiv がposition:absolute

animate次に、jQuery の次の関数を使用できます。

$('.container').click(function(){
    var pos1 = $('#pos1').position();

    $(this).animate({ 'top': pos1.top + 'px', 'left': pos1.left + 'px'}, 200, function(){
        //end of animation.. if you want to add some code here
    });
});
于 2012-08-09T09:11:14.280 に答える
0

両方のdiv が適切に機能position :relativeするように、移動する divposition: absoluteを上と左に指定する必要があります。

于 2012-08-09T09:12:34.950 に答える