javascript - 如何禁止gridster向下移动小部件元素

标签 javascript jquery widget gridster

所有面板都由小部件填充,没有边距。当我尝试将元素从一列 (1) 移动到另一列 (2) 时,第 2 列的元素会从面板中移出,例如:

errormovewidget

如果列中没有小部件的位置,我想禁止将小部件放置到一个地方。

我的代码:

   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');

提前致谢!

最佳答案

我认为你可以限制它在容器之外的 x 轴,但不能在 y 轴

因为我们有 min_colsmax_cols 来限制它在x轴。但是我们只有 min_rows 而不是 max_rows

可以引用文档:http://gridster.net/#documentation

关于javascript - 如何禁止gridster向下移动小部件元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22295372/

相关文章:

javascript - 如何根据在 Highcharts 中选择的日期显示最大值和最小值?

python - 如何通过 matplotlib TextBox 小部件中的代码更改文本

SWT:如何 “render” 后台小部件/进入屏幕外缓冲区

javascript - 图像、JS 文件未在 MVC 应用程序中加载

javascript - 使用键盘快捷键保存表单

javascript - 使用 JS 连接到 MS SQL Server

android - 每个小部件实例的不同设置

javascript - ASP.NET MVC Javascript 重定向编码问题

javascript - 如何合并状态和 Prop ,然后将它们作为 Prop 传递?

javascript - jQuery 动画文本颜色