问题标签 [gridster]

I love the drag and drop concept of Gridster, but I have a dynamic set of tiles that changes depending on live updates from Meteor. For example, lets say I have a Tiles array in a User model. When the Tiles array is updated by Meteor, it is hard to ascertain what was added to the Tiles array. Is there a way to call Gridster again on the same container but with new tiles?

我将 gridster.js 与 Jquery UI 结合使用，通过使用此位拖动来调整其大小：

正如 GitHub 上的建议：

http://jsfiddle.net/maxgalbu/UfyjW/

我需要为每个小部件指定最小宽度和高度，而不是一般的 gridster。

有没有明显的方法来实现这个功能？

谢谢

我在这里设置了一个基本的 Gridster.js 演示：http: //jsfiddle.net/dvPaF/

我的目标是让它对拖动事件更具“响应性”。现在，在用手指拖动元素和实际元素移动之间存在明显的延迟。但是，一旦开始拖动，延迟就会消失。

我将代码调试到发生此事件的地步：

第一次开火很快，但第二次有延迟。我已经注释掉了上述事件中的距离逻辑。

我正在各种 Android 设备上对此进行测试。

有谁知道是否可以将可拖动元素放入 gridster 中？ http://gridster.net/#documentation

这对我的目的来说似乎很棒，但是您可以通过删除它来将它们添加到网格中吗？

我想将图像拖到网格中。有可能吗？我可以看看这个样本吗？

如果这是不可能的，你知道任何替代方案吗？

我需要将图像拖到 div 内的离散位置，并能够保存位置以及在画布内移动图像。

我正在使用 Gridster ( http://gridster.net/ )，它能够将内容拖到li. 在我li有一个可点击的 div。

所以这是我面临的问题，当我停止并释放拖动时，它会调用 div 中的单击，我怎么能只拖动 div，但在拖动停止和释放后不调用单击。我不希望它在拖动后重定向到另一个页面（用户拖动并释放..因为拖动时需要单击div，同时可以单击div，所以当停止&释放拖动时，它将调用单击）

或者任何人都可以提供有关如何调用或使用gridster提供的功能的提示

draggable.stop: function(event, ui){} 拖动停止时的回调。

我想这里会有一些实现。

初始解决方案，但仍无法正常工作

使用Gridster，我可以在开始和停止拖动时绑定事件。但是如何将事件绑定到单击项目？我需要能够选择一个项目才能将其删除，或为其设置一些属性。

我正在尝试使用Gridster，即 jQuery 拖放库。但是，我的 HTML 的结构与此 JSFiddle ( http://jsfiddle.net/twashing/4xc6s/5/ ) 中的结构相同。而且我无法让gridster工作。即，不会发生拖放行为。

我的 HTML 结构有 div，而不是在无序列表 (ul > li) 中列出项目。i)我想让 .section-box 类可拖动，并相互替换。我怎样才能用 Gridster 做到这一点？

ii）除此之外，如果可能的话，我什至可以使表格行（ tr ）元素成为可拖动的东西。

JSFiddle：http: //jsfiddle.net/twashing/4xc6s/5/

HTML

Javasctipt

谢谢

这是一个显示问题的 jsfiddle：http: //jsfiddle.net/FQxYB/9/

为了避免发布错误“不要只链接到小提琴”......这是小提琴的详细信息（为什么不能通过stackoverflow自动完成？）。

小提琴HTML：

小提琴代码：

小提琴CSS：

小提琴资源： http: //gridster.net/dist/jquery.gridster.js

对于第二个正方形（下一个），我需要底部 div 不超过 LI 的范围。

粗略地说，“标题”div 的内容可以是任意大小（标题内容因上下文而异）。但是“body” div 的内容需要在必要时显示滚动条并保持在 LI 的范围内。

我“迷失如海”。我尝试了许多不同的方案......但没有一个甚至接近（主要是使用包装 div 和显示的变体：table/table-row/table-cell）。

非常感谢您的帮助！

gridster 的规范使用似乎是可以触摸整个对象以指示要开始拖动操作的方式。是否可以将可触摸区域限制为对象中的特定区域（div），可能由某种图标表示？我希望能够将 gridster 与其中包含其他（鼠标敏感）事物的对象一起使用，并且我不希望用户（让 gridster :) 对应该发生的事情感到困惑。有什么想法吗？

我正在使用 jQuery 插件 Gridster。

我制作了一个 add_widget 按钮，它添加了一个新的小部件。这个小部件也可以再次删除。

所有这些都正常工作。但是，当您单击标题时，它应该会触发一个滑动框。但是这个滑动框不适用于新添加的小部件，仅适用于从一开始就存在的小部件。

帮助！！！！

看到这个小提琴：http: //jsfiddle.net/ygAV2/

我怀疑：

添加框部分

和滑动盒部分：