0

我正在使用packery，它看起来不错-我真正想做的是在负载上进行转换。

当我使用内置功能添加（附加）项目时，它有一个很好的过渡，但我试图在加载的第一批瓷砖上获得它，而不必添加这些项目。

这是我运行的代码

function runPackery() {

      $container = $('#main').packery({
        itemSelector: '.module',
        columnWidth: 320,
        //disable resize
        isResizeBound: false,
        transitionDuration:"0.8s"
      });

      var pckry = $container.data('packery');

      var gutter = pckry.options.gutter || 0;
      var columnWidth = pckry.options.columnWidth + gutter;

      function onResize() {
        var outsideSize = getSize( $container.parent()[0] ).innerWidth;
        var cols = Math.floor( outsideSize / ( columnWidth ) );
        // set container width to columns
        $container.width( cols * columnWidth - gutter )
        // manually trigger layout
        $container.packery();
      }

      // debounce resize event
      var resizeTimeout;
      $( window ).on( 'resize', function() {
        if ( resizeTimeout ) {
          clearTimeout( resizeTimeout );
        }
        resizeTimeout = setTimeout( onResize, 100 );
      })

      // initial trigger 
      onResize();   
}

并且该代码在使用 jQuery 准备好的文档上运行。

我在文档中看不到启用此功能的任何选项-我认为这是一个选项

谁能帮忙？

干杯

4

1 回答 1

0

最好的方法是初始化packery，然后添加第一个项目 - 效果很好

于 2013-10-28T05:08:21.197 回答