Question

请在此处查看我的代码

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

我还有4个排序按钮，sort1，sort2等，我想根据点击的按钮对这些html元素进行排序，所以如果单击sort1，那么应该使用data-sort1在页面中重新排序这些元素属性，

值正在正确排序，唯一的问题是我想使用quicksand jquery插件来获得更顺畅的重新排序外观。

我正在使用流沙的这个例子来实现这个目标

但是当我做的时候

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'
});