在網頁中移動按鈕

我正在製作一個網站，其中有一個網格按鈕，我想知道什麼最好的方法是使這些按鈕可以重新組織。我想通過拖放功能保持網格的佈局只是交換按鈕的位置。我假設有一些JavaScript/jQuery的方式做到這一點，但我有點生疏。在網頁中移動按鈕

此無關的按鈕，[看這裏（http://jqueryui.com/draggable/#snap-to） –

嗯，我只是使用按鈕爲我的對象，但非常感謝！ –

我建議你使用jQueryUI，它是使用簡單。

只需使用此功能：

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

而且不要忘了鏈接外部腳本和CSS。

下面是一個例子：jsFiddle。

2013-05-31 12:19:04

對於您需要像拖動和捕捉到particualar區裏的阻力應該停止。

您可以參考Jquery UI它。

現在希望這會有所幫助。

2013-05-31 12:07:08 Nitesh

你可以使用 Isotope 如果你想排序，然後按類別和作爲一個額外的功能，這使其能夠有不同的大小

你可以去的版本，例如用jQuery但出來的jQuery： Masonry Vanilla

這也讓瀏覽器調整

2013-05-31 12:11:40

我還建議jQuery UI的一種簡單的方法來做到這一點。檢查可排序的互動http://jqueryui.com/sortable/

2013-05-31 12:12:19

我認爲它確實存在，但在移動設備上也可以排序嗎？我無法在移動API中找到它 –

回答