0

divのサイズをアニメーション化した後、jquery石積みスクリプトを再シャッフルさせようとしています。私はいくつかの例を見たことがありますが、それを機能させることができないようです。私は試した:

<script>
$(function(){

$('#container').masonry({
  itemSelector: '.box',
  columnWidth: 100,
  isAnimated: true
});

});
</script>
<script>
$("#test").click( function() {
$("#test").animate ({
"width": 300,
"height": 200
}, 250 );
$('#container').masonry({
  itemSelector: '.box',
  columnWidth: 100,
  isAnimated: true
});
});
</script>

私も試しました

<script>
$(function(){

$('#container').masonry({
  itemSelector: '.box',
  columnWidth: 100,
  isAnimated: true
});

});
</script>
<script>
$("#test").click( function() {
$("#test").animate ({
"width": 300,
"height": 200
}, 250 );
$("#container|).masonry("reload");
});
</script>

どういうわけか、改造を起こさせることができません。これは、 http://www.klossal.com/masonry.htmlで機能していないページです。

これについての助けを事前に感謝します。

4

2 に答える 2

1

Masonry( "reload")は機能するはずですが、行にエラーがあります$("#container|).masonry("reload");。パイプではなく、通常の見積もりを締めくくる必要があり$("#container").masonry("reload");ます。シャッフルするのに同位体は必要ないと思います。簡単な方法は、石積みに供給する前にタイルを並べ替えることです。私のサイト(http://www.phpdevpad.de)を見てください。左側のメニューをクリックしてさまざまな組み合わせを試すと、タイルがシャッフルされます。

于 2012-11-19T21:20:52.497 に答える
-1

シャッフル方式が必要な場合は、アイソトープを使用する必要があります。組積造の姉。こちらのgithubの説明を参照してください。

于 2012-11-06T14:06:39.970 に答える