如何禁止gridster向下移动小部件元素答案

【问题标题】：How to forbid gridster to move widget element down如何禁止gridster向下移动小部件元素
【发布时间】：2014-03-10 08:35:55
【问题描述】：

所有板都由小部件填充，没有边距。当我尝试将元素从一列 (1) 移动到另一列 (2) 时，第 2 列的元素就会像这样从板子上掉下来：

如果列中没有小部件的位置，我想禁止将小部件放置到某个位置。

我的代码：

   gridster = $(".gridster > ul").gridster({

          widget_margins: [mySizeDetector.blockMargin, mySizeDetector.blockMargin], 
          widget_base_dimensions: [mySizeDetector.dx, mySizeDetector.dy], /*[width, height]*/
          min_cols: mySizeDetector.xCount,
          min_rows: mySizeDetector.yCount,
  }).data('gridster');

提前致谢！

【问题讨论】：

标签： javascript jquery widget gridster

【解决方案1】：

我认为你可以限制它进入容器之外的 x 轴，但不能进入 y 轴。

因为我们有min_cols 和max_cols 将其限制在x 轴。但我们只有 min_rows 但没有 max_rows。

您可以参考文档：http://gridster.net/#documentation

【讨论】：

【解决方案2】：

看看达斯汀摩尔的gridster fork。下载 .js 和 .css 文件。

摘自链接：

与拖动的小部件（播放器）相比更小或相同大小的小部件将与原始小部件交换位置。

这会导致图块左右交换以及上下交换。

默认情况下，较小的播放器会将较大的小部件向下移动。

我添加了一个选项来防止这种行为：

    $.gridster({
        shift_larger_widgets_down: false
    });

【讨论】：