3

デモはシンプルに見えますが、ボタンをクリックするとアニメーションが 1 回だけ表示されます。問題は、「destination」を「source」に変更するにはどうすればよいですか? (項目が 2 セットあるはずです)

Javascript:

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

HTML:

<ul id="source">
    <li data-id="iphone">iPhone OS</li>
    <li data-id="android">Android</li>
    <li data-id="winmo">Windows Mobile</li>
</ul>

<ul id="destination" class="hidden">
    <li data-id="macosx">Mac OS X</li>
    <li data-id="macos9">Mac OS 9</li>
    <li data-id="iphone">iPhone OS</li>
</ul>
4

1 に答える 1

0

これはあなたが探している魔法のコードです:

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");

});

}

基本的に、流砂はソースを宛先に置き換えるように見えるため、通常実行すると、ソースと宛先の両方が同じ内容になることになります。このコードが行うことは、事前にソースをコピーし、流砂が処理を行った後に元に戻すことです。

于 2013-01-23T16:38:51.480 に答える