Question

我对同位素metafizzy packery的版本有问题：

这里是js-version v1.1.0 = http://isotope.metafizzy.co/layout-modes/packery.html

这里是js-version v1.3.2 = http://packery.metafizzy.co/

但我的代码仅适用于此v1.1.0代码：

jQuery(document).ready(function ()
{

    // isotope in bootstrap tabs
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        $container = jQuery('#teaserIsotope');

        // Fire Isotope only when images are loaded
        $container.imagesLoaded(function(){
            // init Isotope
            $container.fadeIn(600).isotope({
                //resizable: true,
                itemSelector: '.item',
                layoutMode: 'packery',
                packery: {
                    columnWidth: '.grid-sizer',
                    gutter: '.gutter-sizer'
                }
            });
        });
    });

    // isotope in content
    $container = jQuery('#teaserIsotope');

    // Fire Isotope only when images are loaded
    $container.imagesLoaded(function(){
        // init Isotope
        $container.fadeIn(600).isotope({
            //resizable: true,
            itemSelector: '.item',
            layoutMode: 'packery',
            packery: {
                columnWidth: '.grid-sizer',
                gutter: '.gutter-sizer'
            }
        });
    });
});

我该如何更新js代码？感谢

Answer 1

您对名为＆＃34; packery＆＃34;的布局模式感到困惑。对于javascript库同位素与称为packery的单独javascript库。它们是不同的，在您的代码中不可互换。

您在代码中使用的是＆＃34;布局模式＆＃34;同位素，称为packery v1.1.0 Packery layout mode js。您需要将此布局模式与Isotope v2一起使用，而不是Packery v1.3.2

同位素metafizzy和packery版本？

1 个答案: