2

我需要用流星中的动态数据水平滑动,但它仍然不能简单地工作,知道吗?我的代码:

<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>

这是辅助功能和刷卡注册

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

1 回答 1

2

代替

Meteor.startup(function(){...

利用;

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

DOM 不会在启动时填充所有 div,这仅在模板使用来自的数据呈现后才会发生,{{#gallery_images}}直到那时你才能new使用 Swiper 类

于 2015-06-27T06:40:49.443 回答