Gridster的替代品？

Question

我在一个使用拖放式多列网格的项目中使用了Gridster库。不幸的是，Gridster只支持9+ 9+。我需要找到一个类似的简单易用的库，让我可以使用IE8做同样的事情，如果可能的话，还可以与IE7和IE6兼容。

那么，有没有类似于Gridster的库供老IE使用呢？我在这个项目中使用了jquery，所以基于jquery的库也很不错。

另外，我找到了一个叫AnimaDrag的，但是它没有Gridster那么好，而且有点糟糕。

Answer 1

还有Shapeshift：https://github.com/McPants/jquery.shapeshift

和http://ksylvest.github.io/jquery-gridly/：

它们是Gridster的很好的替代品。(但请注意，Gridly仅适用于正方形磁贴)

编辑: Packery也非常有趣：http://packery.metafizzy.co/。但是，商业项目需要商业许可，其他情况下：

对于非商业、个人或开源项目和应用程序，您可以在

v3许可证的条款下使用Packery。

编辑2:这个也可能有用：https://github.com/uberVU/grid

Answer 2

你可以尝试一下Gridstack：https://github.com/troolee/gridstack.js，这是一个早期版本，但它完全基于gridster，而且它也是响应式的。

Answer 3

注:我在这个项目的github页面上发布了这个答案，回答了一个类似的问题。因此，请检查那里，以防此答案被更正！- https://github.com/ducksboard/gridster.js/issues/74

在过去的几天里，我遇到了一个类似的问题--尽管我只需要IE8支持(尽管它在IE7中似乎可以工作)。问题是代码正确地更新了页面，但IE不会在鼠标移动时拾取/评估数据行和数据列的更改。我尝试了从上面的解决方案开始的几种方法，一直到使用modernizr和类似的库，最后尝试绑定到IE唯一的'propertychange‘事件，但都没有成功。

这似乎是IE8的一个限制，当鼠标按下/移动时，它不会重新计算正在使用CSS属性的元素。但是，它确实检测到类和内联更改(这就是为什么您可以拖动框)。

因此，我能找到的唯一解决方案就是在需要使用jQuery .toggle()更新小部件时，在代码中添加/删除一个伪类。因此，当预览和窗口小部件被传递新的data-col和data-row属性时，我在代码中添加了它。这会迫使IE8接受更改，这样预览就可以工作了。

现在，我确信除了不使用IE8之外，还有(更好的)更好的解决方案，而且它不能保证IE8兼容性，但是如果你遇到困难，你可能会发现这个方法很有帮助！

附注：我只需要担心IE8+，IE7在使用现代版和类似的插件时似乎还可以。然而，我还没有在IE6中尝试过，但我怀疑它是否能正常工作。

编辑

在下面的评论之后，我现在上传了一个例子-尽管我不能让IE8很好地使用JSFiddle。因此，下面是在IE8中工作的示例：

https://s3-eu-west-1.amazonaws.com/707074webfiles/gridster/ie8test.html

我已经包含了IE9.js，它(主要)在这个例子中为预览添加了透明效果。

修改后的gridster.js文件副本如下：

https://github.com/Grozzer/gridster.js/blob/master/dist/jquery.gridster.js

它确实包含了许多与调整小部件大小相关的其他更改。但是，如果您只希望IE8发生变化，那么我想最好的答案就是在其中搜索ie8compat。

在编写本文时，ie8的代码行更改是：

• 717 :添加了IE8兼容性选项
• 2054- 2056 :向预览小部件添加了.toggle选项
• 2433- 2435 :向上移的任何小部件添加了.toggle选项
• 2488 - 2490 :向下移的任何小部件添加了.toggle选项

<代码>F211