2011-03-31 97 views
11

我有不同大小的元素按照網格排列(如下圖所示),我想正確拖放這些元素。有沒有插件可以做到這一點? Sortable不正確地做它...不同類型的jquery排序

編輯: 通過「正常」我的意思是它應該正常行事(意思是如果我拖放大的右邊它應該inteligently重新排列)。也許我只需要看到一個我想要做什麼,我會讓它做的東西「正常」

sortable grid

編輯: 如果將大塊右側(應該如何看起來像)。

sortable grid 2

編輯: 我只是想辦法重新安排網格狀佈局像這樣的。我可以接受其他想法..

+5

「正常」沒有明確定義 – davin 2011-03-31 13:11:16

+0

剛剛編輯解釋:) – 2011-03-31 13:17:25

+0

還不夠清楚。當你「拖放右邊的大牌」時會發生什麼?給出一個例子,說明你在哪裏放置它,以及你希望佈局如何出現。 – 2011-03-31 13:24:54

回答

10

嘗試isotope's re-layout。但請務必查看Isotope上的其他示例。無論如何...這應該給你一個健康的起點。

+2

非常酷,感謝您的鏈接。 – Kelly 2011-03-31 16:49:18

+0

夥計,真棒:) – 2011-03-31 20:09:49

3

看一下Geckoboard,我相信它使用jQuery Sortable來實現拖放網格佈局。

+0

關於他們如何做的任何提示? – AlfaTeK 2012-01-18 18:27:26

10

Ducksboard我們剛剛推出了gridster.js,這是一個jQuery插件,可以從跨多列的元素構建可拖動的佈局。現場演示可以在gridster.net看到。

我們正在使用它來在儀表板中安排不同尺寸的小部件。希望你喜歡!

+0

爲什麼這樣的佈局的觀衆想要拖動東西?這是否適用於淺表應用程序或遊戲?或者,這是否意味着替代顯示證券價格等的壁虎板?好奇...... – Systembolaget 2012-08-05 14:10:46

1

這是一個simple way to do it使用同位素和jQuery UI。

+2

所有的方框在你的例子中都是相同的 – 2013-02-11 10:51:47

+0

所以改變它們:)創建一個新的不同尺寸的類(或多個),並隨機將它們應用於某些「li」。 – Jason 2013-02-11 18:05:48