Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Gridster的替代品?_Javascript_Jquery_Animation_Drag And Drop_Grid - Fatal编程技术网

Javascript Gridster的替代品?

Javascript Gridster的替代品?,javascript,jquery,animation,drag-and-drop,grid,Javascript,Jquery,Animation,Drag And Drop,Grid,我将该库用于一个使用拖放多柱网轴线的项目。遗憾的是,Gridster只支持Internet Explorer 9+。 我需要找到一个类似的简单易用的库,它允许我使用IE8做同样的事情,如果可能的话,还可以兼容IE7和IE6 那么,有没有像Gridster一样的图书馆可以为老IE服务?我在这个项目中使用jquery,所以基于jquery的库也很好 顺便说一句,我找到了一款叫做Gridster的浏览器,但它没有Gridster好,而且有点糟糕。没错,Gridster支持Internet Explor

我将该库用于一个使用拖放多柱网轴线的项目。遗憾的是,Gridster只支持Internet Explorer 9+。 我需要找到一个类似的简单易用的库,它允许我使用IE8做同样的事情,如果可能的话,还可以兼容IE7和IE6

那么,有没有像Gridster一样的图书馆可以为老IE服务?我在这个项目中使用jquery,所以基于jquery的库也很好


顺便说一句,我找到了一款叫做Gridster的浏览器,但它没有Gridster好,而且有点糟糕。

没错,Gridster支持Internet Explorer 9+、Firefox、Chrome、Safari和Opera。
如果你想支持旧版IE浏览器(6+),为什么不围绕gridster构建功能呢?您是否尝试了polyfill来模拟gridster的数据集功能?
可能是一个不错的选择。

[N.B.我在github页面上发布了该项目的答案,上面有人提出了一个类似的问题。因此,请检查一下,以防该答案被更正!-https://github.com/ducksboard/gridster.js/issues/74]

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

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

因此,我所能找到的唯一解决方案是在需要使用jQuery.toggle()更新小部件时,在代码中添加/删除假类。因此,当预览和小部件传递新的数据列和数据行属性时,我在代码中添加了它。这迫使IE8接受更改,瞧,预览成功了

现在我确信除了不使用IE8之外还有一个更好的解决方案,它不能保证IE8的兼容性,但是如果你陷入困境,你可能会发现这很有帮助

p、 我只需要担心IE8+,当使用Modernizer和类似的插件时,IE7似乎还可以。不过,我还没有在IE6中尝试过,但我怀疑它是否会起作用

[编辑]

在下面的评论之后,我现在上传到了一个示例——尽管我无法让IE8很好地使用JSFIDLE。因此,IE8中的it工作示例如下:

我已经包括了IE9.js,它(大部分)在这个例子中为预览添加了透明效果

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

它确实包含了许多与小部件大小调整相关的其他更改。然而,如果你只想改变IE8,那么我想最好的答案是搜索它,查找ie8compat

在编写本文时,ie8的行更改为:

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

    • 还有变形:

      网格:

      这是Gridster的好选择。(但请注意,Gridly仅适用于方形瓷砖)

      编辑: 派克也很有趣: . 但是,商业项目需要商业许可证,否则:

      用于非商业、个人或开源项目,以及 在应用程序中,您可以根据GPLv3的条款使用Packery 执照


      编辑2:此选项也可能有用:

      您可以尝试使用Gridstack:
      这是一个早期版本,但严格基于gridster,而且响应速度也很快。

      看到这一点的人希望为react提供一些东西,但react网格布局似乎没有解决太多问题:

      或策展人:


      嗯,这正是我不想做的。。我的意思是,gridster已经是一个完全可定制的拖放式多列网格。它易于使用,并且不需要进行大量编程。我只是想知道是否有一个类似的库用于旧版本的IEWell。。。。。我不确定我会用那个替代品。。做这件事似乎“费时”,而且有点“不那么容易”。。如果你知道我的意思的话。orangesoda.net似乎已经不存在了。在研究gridster时发现了这篇文章:你能在最新版本的jQuery中使用gridster吗?(1.8.x)。它似乎停止工作的任何高于1.7.2-你能确认吗?不,我不能。我从v1.8.x开始,但有一些问题。现在我在这里使用的是v1.7.2.Same,但我的门户的其余部分使用的是最新的jQuery,我们有点想避免使用.noConflict,但这正是我现在使用的。我希望gridster.net能经常升级,也能发布在他们的GitHub上..呃,我不完全确定你的回答对我有什么帮助。我的意思是,这是一个信息丰富的答案,但实际上我不知道你做了哪些改变使它起作用。在这些情况下,JSFiddle可能很有用,可以显示您所做的事情您是完全正确的-抱歉。我已经编写了一段代码,明天将使用相关更改进行更新。我试图根据记忆添加它们(坏主意),但出现了一些奇怪的行为。然而,如果您在这里()同时搜索ie8compat,您可能会更好地理解我的意思。所以希望我明天能帮上更多的忙:)一年后仍然很活跃,看起来很棒。感谢您指出这一点。值得注意的是,询问软件/库/教程/文档建议的问题与堆栈溢出无关,因为它们是垃圾邮件答案的载体。如果可以的话,最好不要回答这些问题。