2

このテストサイトでjQueryIsotopeの石積みレイアウトを機能させようとしています:http: //make.truliablog.com/test-filters

正しく並べ替えられているように見えますが、ウィンドウのサイズを変更してブロックを調整したときのアニメーションが機能していません。この問題を解決するにはどうすればよいですか?

関連するjQueryコードは次のとおりです。

<script>
    jQuery(document).ready(function(){
        jQuery('#container').isotope({
            masonry : {
                columnWidth : 50
            }
        });

        // Filter buttons
        jQuery('#filters a').click(function(){
            var selector = jQuery(this).attr('data-filter');
            jQuery('#container').isotope({ filter: selector });
            return false;
        });
    });
</script>
4

1 に答える 1

9

Isotope には、デフォルトの「animationEngine」が「css」として設定されているようです。最短の方法は、'animationEngine' を 'jquery' に設定することです (jQuery を使用していると仮定します)。

jQuery('#filters a').click(function(){
    var selector = jQuery(this).attr('data-filter');
    jQuery('#container').isotope({
        filter: selector,
        animationEngine : "jquery"
    });
    return false;
});
于 2011-07-16T11:26:01.803 に答える