Jquery Quicksand基於html5數據屬性求助元素

Question

請在這里查看我的代碼

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

所以我在頁面中有一些html元素，有4個不同的數據排序屬性，它們是整數。

我還有4個排序按鈕，sort1，sort2等，我想根據點擊的按鈕對這些html元素進行排序，所以如果單擊sort1，那么應該使用data-sort1屬性在頁面中重新排序這些元素，

值正在正確排序，唯一的問題是我想使用quicksand 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'"

我最初的猜測是，這可能是因為文件夾雜物或其他東西，但一切似乎都很好，

關於我做錯的任何想法？

Answer 1

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

問題可能正在發生，因為QuickSand試圖在您的values數組上調用jQuery clone（）方法。

如果您更改代碼以使用更類似於以下內容的代碼，它應該可以工作：

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