javascript - Javascript拖放网格

Question

我正在寻找一个脚本，它可以让我拥有一个可拖动的 div 网格（用于组织图像缩略图）。因此，当一个 div 被拖到另一个 div 上时，div 会移动以创建一个空白点来放置 div。

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

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

谢谢！

score 9 · Accepted Answer

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

这是您正在寻找的拖放网格的具体示例。

score 5 · Accepted Answer

5

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

于 2014-04-04T11:09:41.150 回答

score 5 · Accepted Answer

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

score 4 · Accepted Answer

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

score 2 · Accepted Answer

2

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

于 2013-10-09T13:32:00.633 回答

5 回答 5