jQuery ui可排序行爲像gridster？

是否有可能讓jQuery ui Sortable grid的行爲如gridster？jQuery ui可排序行爲像gridster？

爲什麼不使用gridster？因爲它不適用於任何低於IE9的內容。

查看jQuery ui可排序示例，如果您將數字5拖到數字1，數字1將移動到右邊。當我用gridster做同樣的動作時，數字1會移動到數字5的位置。即使使用不同尺寸的元素，它仍然可以工作。

是否有可能讓jQuery ui Sotables網格以類似的方式工作？

2012-10-30 oshirowanen

檢查此頁http://jqueryui.com/sortable/#portlets –

在研究gridster時跑到這篇文章中：您是否可以將gridster與最新版本的jQuery一起使用？（1.8.x的）。。。它似乎停止對任何高於1.7.2的工作 - 你能證實嗎？ –

幾乎沒有。所有jQuery的排序功能都是改變父元素內部元素的順序。該演示中顯示的「網格行爲」僅僅是瀏覽器的佈局引擎的行爲正常（從左到右放置元素，同時適合父級的width，然後從上到下）。另一方面，gridster模擬一個獨立於其元素的網格：即使您從一列中移除所有的圖塊，仍然會佔用屏幕上的空間。列上的元素是有序的，但根據需要添加/刪除行。

完全複製這種行爲將是很多工作。我能得到的最接近the gridster demo的行爲是connect lists示例，您可以像網格樣式（example），但具有相同大小的每個元素。

來源

2012-11-02 07:24:02 mgibsonbr

謝謝。你在這裏給出的例子http://jsfiddle.net/UhTt7/基本上就是我之後的但是具有不同大小的元素。 – oshirowanen

如果你知道如何使用jQuery庫工作，有是一個jQuery插件稱爲同位素，其以相似的方式工作：http://isotope.metafizzy.co/demos/fluid-responsive.html

如果您需要添加拖曳事件可以延長同位素部件以下這樣的指令： http://jstarrdewar.com/blog/2011/10/28/extend-jquery-draggable-to-work-with-isotope

來源

2012-11-08 15:04:09 KingRial

jQuery ui可排序行爲像gridster？

回答

相關問題