Пакетный переход при начальной загрузке

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, а затем просто добавить первые элементы впоследствии - хорошо работает