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

Question

请在此处查看我的代码

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

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

值被正确排序，唯一的事情是我想使用流沙和一个 jquery 插件来获得更平滑的重新排序外观。

我正在使用流沙的这个例子来完成这个

但是当我这样做时

container.quicksand(values, {
  duration: 800,
  easing: 'easeInOutQuad'
});

出现奇怪的错误信息

"Uncaught TypeError: Object #<Object> has no method 'cloneNode'"

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

所以关于我做错了什么的任何想法？

score 2 · Accepted Answer

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

问题可能正在发生，因为 QuickSand 试图在您的 values 数组上调用 jQuery clone() 方法。

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

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

1 回答 1