유성을 지닌 스 와이프

Question

유성에 동적 데이터를 가로로 스 와이프해야하지만 여전히 단순하게 작동하지는 않습니다. 내 코드 :

<template name='gallery'> 
    <div class="swiper-container" id="swiper-container1"> 
    <div class="swiper-wrapper"> 
     <div class="swiper-slide"> 
     {{#each gallery_images}} 
      <div style="background-image:url(data:image/png;base64,{{base64encoded}})"></div> 
     {{/each}} 
     </div> 
    </div> 
    </div> 
</template> 

이 도우미 기능과

Meteor.startup(function(){... 

이용

Template.gallery.helpers({ 
     gallery_images: function(){ 
     return Images.find(); 
     } 
    }); 
Meteor.startup(function(){ 

    console.log('Initial Swiper'); 
    var swiper = new Swiper('.swiper-container',{ 
     resistance : '100%', 
     createPagination:false, 
     loop: false 
    }); 
    swiper.reInit(); 
}); 

Answer 1

대신 swiper 등록입니다;

Template.gallery.onRendered(function(){ .... 

DOM을 템플릿이 당신 new에게 Swiper 클래스

을 할 수 {{#gallery_images}}의 데이터로 렌더링하지 그때까지 한 후에 만 ​​발생하는 것이, 시작시 모든 사업부의의와 채워지지 않습니다