0

我对 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代码？谢谢

4

1 回答 1

0

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

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

于 2015-01-13T19:32:20.520 回答