javascript - 以编程方式移动Gridster小部件

我正在尝试以编程方式将Gridster小部件移动到，我想实现类似拖动Gridster小部件的效果。
目前，我是使用Jquery 来分配data-col 和数据行属性，但只是将Gridt小部件与其他gridster小部件重叠，而和其他小部件在拖动gridster小部件时不会像它们那样重新定位。我做 ？ TIA。

最佳答案

在尝试为gridster dash创建动画循环时遇到了相同的问题。
我已经向gridster src添加了一个新函数，它基本上只是对resize_widget API函数的非常简单的重写。正如@Pavel指出的那样，它本身仅使用mutate_widget_in_gridmap。

我在Resize_widget函数之后添加了以下内容:

fn.move_widget = function($widget, new_col, new_row, callback) {
    var wgd = $widget.coords().grid;

    var new_grid_data = {
        col: new_col,
        row: new_row,
        size_x: wgd.size_x,
        size_y: wgd.size_y
    };

    this.mutate_widget_in_gridmap($widget, wgd, new_grid_data);

    this.set_dom_grid_height();
    this.set_dom_grid_width();

    if (callback) {
        callback.call(this, new_grid_data.col, new_grid_data.row);
    }

    return $widget;
};

对我来说就像一个魅力。告诉我，您是否可以提出一种使用JQuery或其他方法简化过渡的好方法:)

关于javascript - 以编程方式移动Gridster小部件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27429388/