同位素 metafizzy 和 packery 版本？

Question

我对 isotope metafizzy Packery 的版本有疑问：

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

这里是 js 版本 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

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

您在代码中使用的是 "layout mode" 同位素，称为 packery v1.1.0 Packery layout mode js. You need to use this layout mode with Isotope v2, not with Packery v1.3.2

同位素 metafizzy 和 packery 版本？

isotope metafizzy and packery version?

javascript

jquery-isotope

packery