Javascript 基于html5数据属性的Jquery流沙重排序元素

请在这里查看我的代码

所以我在一个页面中有一些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'"

“未捕获的TypeError:Object”没有方法“cloneNode”

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

---

你知道我做错了什么吗？

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

发生此问题的原因可能是QuickSand试图在您的值数组上调用jQuery clone（）方法

如果您更改代码以使用更类似于以下内容的内容，则应该可以使用：

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

---

谢谢Jamil，我确实把它改成了那样，没有什么不同的事情发生，我会继续努力，我想你让我走上了正确的道路。