在网页中移动按钮

Question

我正在创建一个有按钮网格的网站，我想知道最好的方法是使这些按钮可以重新组织。我想保持网格的布局只需通过拖放功能交换按钮的位置。我假设有一些javascript / jquery方式这样做，但我有点生疏。

Answer 1

我还建议使用jQuery UI作为一种简单的方法。检查可排序的互动http://jqueryui.com/sortable/

Answer 2

我建议你使用jQueryUI，它很简单易用。

只需使用此功能：

$(function() {
   $( "#sortable" ).sortable();
   $( "#sortable" ).disableSelection();
});

不要忘记链接外部脚本和css。

以下是一个示例：jsFiddle。

Answer 3

为此你需要像draggable这样的东西，然后抓住拖拽应停止的特定区域。

您可以参考Jquery UI。

为了完美满足您的需求，这里是actual drag and drop to the snap object

希望现在有所帮助。

Answer 4

你可以使用 Isotope 如果你想按类别排序，作为一个额外的功能，这可以有不同的尺寸

你可以使用jquery这样的版本但是没有jquery： Masonry Vanilla

这也允许浏览器调整大小