Question

我有一个数组网格包含一些。这是我如何创建

grid[row][col] = $('<div>')
        .css({
          top  : row * 100 + 'px',
          left : col * 100 + 'px'
        })
        .text(number)
        .addClass('box')
        .appendTo($('#grid'));

此函数合并我将一个div移动到另一个div。但我想制作一个动画，将 grid [row1] [col1] div滑动到 grid [row2] [col2] div。

function merge(row1, col1, row2, col2) {
    grid[row2][col2].remove();
    grid[row2][col2] = grid[row1][col1];
    grid[row1][col1] = null;
    var number = grid[row2][col2].text() * 2 ;


    grid[row2][col2]
       .css({
           top  : row2 * 100 + 'px',
           left : col2 * 100 + 'px'
        })
        .text(number);

    return true;
}

任何想法请如何做到这一点。

Answer 1

您可以尝试animate()而不是css()：

grid[row2][col2].text(number);
grid[row2][col2].animate({
    top  : row2 * 100 + 'px',
    left : col2 * 100 + 'px'
})

将div元素滑动到另一个元素JQuery

1 个答案: