基於HTML5的數據jQuery的流沙訴諸元素屬性

Question

請看看我在這裏的代碼

http://jsfiddle.net/k6FZz/2/

所以我有一些HTML元素在一個頁面，用4種不同的數據類型的屬性，它們都是整數。

我也有4個排序按鈕，sort1，sort2等，我想根據點擊按鈕排序這些html元素，所以如果sort1被點擊，那些元素應該在頁面中使用數據 - sort1屬性，

值正在排序正確，唯一的是我想使用流沙jquery插件有一個更流暢的重新排序的外觀。

我使用的流沙這個例子來實現這一目標

http://razorjack.net/quicksand/demos/one-set-clone.html

但是當我做

container.quicksand(values, { 
    duration: 800, 
    easing: 'easeInOutQuad' 
}); 

出現一個奇怪的錯誤消息

"Uncaught TypeError: Object #<Object> has no method 'cloneNode'" 

我最初的猜測這可能是因爲文件包含或somet興，但一切似乎很好，

所以任何想法我做錯了什麼？

Answer 1

我之前沒有使用過QuickSand，但看着他們的文檔，它看起來像第一個參數應該是一個jQuery對象，而不是一個數組。

問題可能是由於QuickSand試圖在您的值數組上調用jQuery clone（）方法而發生的。

如果你改變你的代碼更加使用類似下面的它應該工作：

container.quicksand($('#items div'), { 
    duration: 800, 
    easing: 'easeInOutQuad' 
});