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 пытается вызвать метод jQuery clone () в вашем массиве значений.

Если вы измените свой код, чтобы использовать что-то более похожее на следующее, оно должно работать:

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