2014-11-17 2 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> 

Это вспомогательная функция и регистрация Swiper

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

Вместо

Meteor.startup(function(){... 

использования;

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

DOM-не заполняется всеми Div при запуске службы, что происходит только после того, как шаблон не оказаны с данными {{#gallery_images}} и не до этого может вам new класс Swiper