问题标签 [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.
jquery - Gridster 通过拖入 div 来移除小部件
我正在使用 gridster.js 并试图找出一种设置它的好方法,我可以将其中一个小部件拖到像 div 这样的“垃圾桶”中,并让它从网格中删除该小部件。如果有人对此有任何想法,那就太好了。这是我发现的,但试图找出使其与 gridster 一起工作的最佳方法。
有什么想法吗?提前致谢。
jquery-ui - 好的 Gridster 演示?
jsfiddle或jsbin等网上有没有很好的Gridster演示??
有没有办法控制gridster表的最大高度和宽度?并使小部件仅在此容器内播放?gridster 默认使用 Jquery-UI 吗?
css - 当内容包装器为 100% 时,Gridster 中心对齐?
如果包装器设置为 100%,是否有人想出如何在 Gridster 中将内容包装器居中对齐?
我似乎无法让它工作。
当浏览器窗口调整大小时,有一些我似乎无法更改的右填充。
任何人都可以帮忙吗?
javascript - 使用 DnD 为 iPad 优化的 HTML/JS/CSS 仪表板
我目前正在尝试创建一个可用的基于 HTML/CSS/JS 的仪表板,它在 iPad 上表现得相当好。仪表板将包含几个主要包含图表的小部件。我开始使用gridster,它在 iPad 上运行良好(我发现的唯一一个,其余的要么基于 gridster[ 2 ],不支持 iPad 或超重/慢 [ 3 ])。
但是,当小部件内容更复杂(例如图表)时,一切都会变得非常缓慢。我目前正在尝试重新配置 gridster 以在拖动时不呈现内容,或者重新配置在 iPad 上流畅运行的其他小部件解决方案,即使拖动更复杂的内容也是如此。有什么建议么?
相关点:CSS3 是否会转换一种方式来优化这一点,因为据我了解,它们是硬件支持的,并且不依赖于 JavaScript 进行渲染?或者它们是否不适合即时计算的小型实时运动。
css - 使用 Gridster 插件定位某些 CSS 类
我正在使用Gridster 插件,其中列宽定义如下:
我对此有两个问题;
- 这些是什么类型的 CSS 类?我从来没有做过/见过这样的事情,尤其是在 CSS 中。
- 如果我想从 1-12 中选择所有列,我该如何使用代码?通常我使用类似
[class*=".."] this
. 我不认为我可以为上述情况获得这样的格式。
jquery - jQuery Dragable 和 Resizable 冲突
我正在使用 Gridster 插件(http://gridster.net)。我在 Github 上找到了一个可调整大小的更新演示。我还添加了 jQuery livequery 插件,以便更好地配合未来的项目。
添加新的网格项目后,可拖动/可调整大小都可以工作。默认项目工作正常,只有新项目的问题。这就是我使用代码的方式:
调整大小 + 拖动
添加项目
请检查 JSFiddle 以及http://jsfiddle.net/PrtrR/51/
请帮我做这件事。
问候。
javascript - 使用 Gridster.js 启用拖放
我正在尝试使用Gridster.js来拥有一个可编辑的拖放网格(根据他们主页上的示例)。
我已经设置了一个非常基本的示例,以使其正常工作 - 一切看起来都很棒,我可以选择要移动的元素,但一切总是会重置回原始位置,并且其他形状都不会取代我正在拖动的广告一个元素(如果您看到他们的示例,当您拖动一个元素时,其他元素会实时移位)。
我的 html 是根据他们的建议:
我的 JS 在主页上是按照他们的:
有没有人有任何想法?有人用过这个库吗?(我在 chrome 控制台等的开发工具中没有记录任何错误)
gridster - Gridster add_widget 很慢
我想为我的网站使用 Gridster,但我需要使用“add_widget”命令添加很多小部件。我做了一个测试,我认为“add_widget”功能存在问题:网格越来越慢并且存在内存泄漏。
您可以在此视频中看到:grister 问题视频
但是,正如您在视频中看到的那样,如果我在开头添加小部件(不是使用 add_widget 函数),则没有问题。你能帮助我吗 ?我的代码有问题吗?
提前致谢 !
javascript - 如果它等于某个值,则获取数据值并应用一个类
我有一个需要使用 gridster.js 的家庭作业,我希望能够检查列表项的 data-row 属性是否等于某个值,并且它的 data-col 属性是否等于一个值。如果它们确实等于所需的值并且它们的坐标与预期的位置匹配,我想将一个类添加到“true”的列表项中。
我目前正在尝试使用的列表项具有首字母data-row
of2
和 a data-col
,1
我想检查它是否已移至data-row
1
and data-col
1
。我试过的代码是这样的:
但是,此语句会导致添加 true 类,而不管位置如何。理想情况下,我要做的是检查每个列表项的data-row
anddata-col
值是否等于正确的值,以及它们是否添加了 true 类。然后,我打算使用该.each
方法检查每个列表项是否有一个类,true
如果有,我想更改包含 gridster 无序列表的 div 的背景颜色。
javascript - 如何使 Gridster 添加的小部件可调整大小?
我的项目基于这个Fiddle
但是我已经做到了,因此您可以使用以下方法添加小部件:
现在这可行,它确实创建了一个新的小部件,但该小部件不可调整大小。即使它是使用所需的类和 id 创建的,我认为这是因为它是一个动态添加的小部件。有什么办法可以让它工作吗?
谢谢。