2014-11-17 32 views
2

我需要用流星動態數據水平滑動,但它仍然不是簡單的工作,任何想法? 我的代碼:Swiper with Meteor

<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(); 
}); 

回答

2

相反;

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

的DOM不填充所有div的啓動,該模板已經被渲染後,與{{#gallery_images}}數據,而不是在那之前你能new的組隊,探索類

只發生