Javascript拖放网格

Question

我正在寻找一个脚本，它允许我有一个可拖动的div网格（用于组织image thumbnails）。所以当一个div被拖到另一个div上时，div会移动以创建一个空位来放弃div。

我知道jQuery有一个拖放库，但它似乎不允许我需要的功能（捕捉到网格和移动周围的div）。

任何人都知道有我需要的脚本或框架吗？

谢谢！

Answer 1

请查看JQuery，更具体地说，JQuery UI，因为它具有“可拖动”，“可放置”，“可排序”以及各种其他复杂组件。

以下是您正在寻找的drag and drop grid的具体示例。

Answer 2

不是专门用于图片，但肯定可以这样使用，但http://gridster.net/看起来非常适合能够拖放项目并让它们重新洗牌以适应。

Answer 3

也许我的 REDIPS.drag 库会有所帮助。它使用表（一个或多个）作为删除网格。任何具有class =“drag”的DIV元素都可以跨表格单元格拖动。库还可以选择为以下事件编写JS代码：drop，clone，delete，move ...它的灵活性和易用性，这里是演示页面的链接：

http://www.redips.net/my/preview/REDIPS_drag/

Answer 4

5年后，我认为这就是你要找的东西：https://github.com/uberVU/grid

Answer 5

另一种选择是jQuery.Shapeshift;它很像Gridster.js，但更具适应性。