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>

这是辅助函数和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();
});

Answer 1

而不是

loading

使用;

Meteor.startup(function(){...

在启动时没有填充所有div的DOM，只有在使用Template.gallery.onRendered(function(){ ....的数据渲染模板后才能使用，而且直到那时才能{{#gallery_images}} Swiper类

与流星的狙击手

1 个答案: