基于html5数据属性的jQuery流沙度假元素

Question

请在此处查看我的代码

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

所以我在一个页面中有一些 html 元素，有 4 个不同的数据排序属性，它们是整数。

我还有 4 个排序按钮，sort1、sort2 等，我想根据单击的按钮对这些 html 元素进行排序，因此如果单击 sort1，则应使用 data-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'"

我最初的猜测是这可能是因为文件包含或其他原因，但一切似乎都很好，

所以对我做错了什么有什么想法吗？

Answer 1

我之前没有使用过 QuickSand，但是查看他们的文档，看起来第一个参数应该是 jQuery 对象而不是数组。

问题可能是因为 QuickSand 试图在你的 values 数组上调用 jQuery clone() 方法。

如果您更改代码以使用更像以下的内容，它应该可以工作：

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