初始加載時的打包過渡

Question

我正在使用打包程序，它看起來不錯 - 我真正想做的事情是在加載時進行轉換。

當我使用內置功能添加（附加）項目時，它有一個很好的轉換，但我試圖在第一批加載的瓷磚上得到它，而無需添加這些項目。

這是我的代碼運行

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運行。

我沒有看到任何選項的文檔內，以使這一點 - 我認爲這將是一個選項

誰能幫助？

歡呼

Answer 1

最好的辦法就是初始化packery然後剛纔添加的第一個項目之後 - 效果很好