JQUERY Gridster Виджеты Проблема Перекрытия

Question

Я использую Gridster v0.7.0 . Недавно я столкнулся с одной проблемой: при перетаскивании виджетов перетаскиваемый виджет перекрывается с виджетом, который существует в этих координатах.

Ниже я приложил GIF для лучшего понимания.

GIF-перекрытие GIF:
1.
2.

Добавление кода для создания Gridster.

gridster = $("#GDashboard ul").gridster({
    namespace: '#GDashboard',
    widget_margins: [10, 10],
    widget_base_dimensions: [270, 126],
    max_cols: 4,
    extra_rows:15,
    avoid_overlapped_widgets: true,
    serialize_params: function ($w, wgd) {
        return {
            id: $w.attr('id'),
            col: wgd.col,
            row: wgd.row,
            size_x: wgd.size_x,
            size_y: wgd.size_y
        };
    }
}).data('gridster');

Answer 1

попробуйте сделать виджеты с минимальной конфигурацией и опцией.Вы можете сослаться на официальный сайт для базового конфинга.Ниже приведен основной вариант, который я использовал для создания гридстера.

 this.options = {
          gridType: GridType.Fit,
          displayGrid: DisplayGrid.None,
          pushItems: true,
          draggable: {
            enabled: true
          },
          resizable: {
            enabled: true
          }

        };

Answer 2

Вы можете добавить новые сетки, используя встроенную опцию gridster.add_widget('<li class="new">The HTML of the widget...</li>', 2, 1);

Это, вероятно, решит проблему перекрытия