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 が取り込まれていません。これは、テンプレートがデータでレンダリングされた後にのみ発生し、それまでは Swiper クラス{{#gallery_images}}を使用できません。new

于 2015-06-27T06:40:49.443 に答える