问题标签 [gridster]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
1025 浏览

javascript - 调整 gridster.js 中所有小部件的大小

我正在使用 Gridster.js 开发一个项目,并且我有一个用户选项,可以让他们选择他们想要的列数。它还没有完成(显然),但我正在研究一个在选择列号时调整所有框大小的函数。

我的问题是当它们被调整大小时,网格中的空间没有被优化,我试图找到一种算法,可以在不重叠小部件的情况下完成它(在尝试更改小部件的位置时,resize: false 选项显然被覆盖.

我将继续努力,但我希望得到一些帮助,因为我似乎正在为这个问题撞墙。提前致谢。

0 投票
1 回答
1483 浏览

jquery - 使用序列化数据 (JSON) 作为输入构建 gridster 布局

我想使用 JSON 作为输入来构建 gridster 框布局。

在 [ http://gridster.net/demos/serialize.html]中,当我们单击序列化时,我们会得到 JSON 数据。现在我如何使用这个 JSON 作为输入来构建布局。就像我想要序列化的相反,使用 JSON 进行布局。

请帮忙。提前致谢。

0 投票
1 回答
423 浏览

jquery - 调整框大小后未获取 gridster 序列化数据

我试图在更改框的大小和位置后获取序列化数据。但我只得到加载细节。调整框大小后如何获取序列化数据。而且我还想获​​取框的文本(框中的值)。

这是我的代码:

请检查此链接

请帮忙。

提前致谢。

//也尝试过这样的事情 //

0 投票
1 回答
973 浏览

jquery - 在gridster中调整大小后获取小部件的尺寸将数据序列化为JSON

我试图在更改框的大小和位置后序列化 JSON 数据。但我只得到加载细节。调整框大小后如何获取序列化数据。而且我还想获​​取框的文本(框中的值)。

这是我的代码:

请检查此链接

请帮忙。

提前致谢。

0 投票
1 回答
318 浏览

javascript - 在 IE 中单击小部件内的滚动条时,Gridster 小部件粘在鼠标上

我的页面上有一些gridster小部件。在我的小部件中,我有一个 divoverflow-y设置为true.

在 IE 中,如果我单击小部件内的滚动条,小部件将粘在我的鼠标上,我必须右键单击才能放下它。

这在 Google Chrome 中不是问题。

0 投票
1 回答
402 浏览

widget - dashing / gridster - 使一个小部件不可移动

我可以将一个小部件(让我们说一个顶部的小部件)定义为不可移动的吗?

我正在使用来自 github 的 shopify/dashing

我是 Dashing 和 gridster 界面的新手,所以我真的不知道如何解决这个问题

0 投票
0 回答
299 浏览

javascript - Gridster 无法正常工作:覆盖和拖动问题

目前我正在开发一个使用gridster的例子。我是gridster的新手,所以我无法弄清楚我做错了什么。这些是我在gridster中面临的问题:-

1)当我拖动一个网格时,它的速度太慢了,当它自动移动到页面底部时。

2) 页面加载时,Grid 会相互覆盖。

我尝试了一切,但失败了。

这是要检查的链接:-

这是用于页面加载的功能:-

0 投票
0 回答
525 浏览

gridster - 在 gridster.js 中调整大小时更改内容

我刚学会使用gridster,我想创建一个卡片显示一般信息,当用户选择展开卡片时,这将改变内容并显示产品的完整信息!

这是点击展开前的卡片

当我点击“展开”时,这将显示有关产品的完整信息;

你能帮我做吗!

0 投票
1 回答
3613 浏览

javascript - gridster 根据内容自动高度和宽度

我正在使用 Gridster 的“add_widget”方法添加网格。小部件已成功添加,但无序列表 (ul) 宽度小于其内容。

谁能告诉我如何根据内容调整 Gridster 中的高度和宽度。

0 投票
0 回答
1361 浏览

javascript - 为什么我会得到:Type TypeError: $el is undefined on add_widget 方法调用?

我绑定一个函数以通过 jQuery 将小部件添加到按钮:

当我单击按钮test()被调用但我得到错误:Type TypeError: $el is undefined,打印在控制台中并且没有小部件被添加到gridster元素中。

但是,如果我只是test()从 HTML 文件中的脚本标记调用它就可以正常工作。

我真的不明白为什么会发生这种情况,有人有什么想法吗?

我的代码当然比这更多,但我认为这些是最相关的部分。如果您认为我的代码的其他部分可能会以某种方式影响gridster我会发布更多。

编辑:这是我所有的 javascript 代码。