类型错误:Swiper 不是构造函数

Rat*_*rit 4 meteor meteor-blaze swiper.js

我试图让 Swiper 工作,但它总是抛出一个错误“Swiper 不是构造函数”

我使用http://idangero.us/swiper/get-started/#.WMsuihJ96MI作为 Swiper 库,并将该库安装为 Meteor 包。

客户端/body.js

Template.slider.onRendered(function(){
     var mySwiper = new Swiper ('.swiper-container', {

     // Optional parameters
     direction: 'vertical',
     loop: true,

     // If we need pagination
     pagination: '.swiper-pagination',

     // Navigation arrows
     nextButton: '.swiper-button-next',
     prevButton: '.swiper-button-prev',

     // And if we need scrollbar
     scrollbar: '.swiper-scrollbar',
  });
});
Run Code Online (Sandbox Code Playgroud)

客户端/body.html

<body>
   <h1>Test</h1>
 {{> slider }}
</body>

 <template name="slider">
   <!-- Slider main container -->
 <div class="swiper-container">
     <!-- Additional required wrapper -->
     <div class="swiper-wrapper">
         <!-- Slides -->
         <div class="swiper-slide">Slide 1</div>
         <div class="swiper-slide">Slide 2</div>
         <div class="swiper-slide">Slide 3</div>
     </div>
     <!-- If we need pagination -->
     <div class="swiper-pagination"></div>

     <!-- If we need navigation buttons -->
     <div class="swiper-button-prev"></div>
     <div class="swiper-button-next"></div>

     <!-- If we need scrollbar -->
     <div class="swiper-scrollbar"></div>
 </div>
</template>
Run Code Online (Sandbox Code Playgroud)

小智 5

@mutdmour你应该尝试Swiper.default(element,options)

确保控制台您的 Swiper 实例并检查它是否确实是一个构造函数,或者它是一个在其属性中具有构造函数的对象。抱歉,如果我提供了错误的信息。因为我的英语很弱,这是我第一次在论坛上回复。