同位素metafizzy和packery版本？

Question

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

这里是 js 版本 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 库 isotope 的“packery”布局模式与称为 packery 的单独 javascript 库的布局模式感到困惑。它们是不同的，在您的代码中不可互换。

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