如何以这种方式使用jQuery Quicksand插件？

这个演示看起来很简单，当我点击按钮时，它只做了一次动画。 问题是：如何将“目的地”再次更改为“来源”（应该有两组项目）

Javascript:

$('#source').quicksand( $('#destination li') );

HTML:

iphone操作系统
android
Windows Mobile


Mac OS X
Mac OS 9
iphone操作系统

这是您正在寻找的神奇代码：

function doQuicksand(){

var newDestination = $('#source').clone();
$('#source').quicksand( $('#destination li') , function(){

$('#source').attr("id","tempSource");
$('#destination').replaceWith(newDestination);
$('#source').attr("id","destination").css("display","none");
$('#tempSource').attr("id","source");

});

}

---

基本上是因为流沙似乎将源替换为目标，所以通常运行流沙后，源和目标的内容都相同。此代码所做的是预先复制源代码，然后在quicksand完成其工作后将其注入。

如果您只想使用单个列表，然后进行筛选，请查看以下示例->

function doQuicksand(){

var newDestination = $('#source').clone();
$('#source').quicksand( $('#destination li') , function(){

$('#source').attr("id","tempSource");
$('#destination').replaceWith(newDestination);
$('#source').attr("id","destination").css("display","none");
$('#tempSource').attr("id","source");

});

}