初始图片显示顺序不对

linkytel

HTML:

1. <div class="plugin-swiper">
   
2.     <div class="swiper-wrapper">
   
3.         <% _.each(images,function(image,idx){ %>
   
4.         <div class="swiper-slide">
   
5.             <div>
   
6.                 <img src="<%-image.src%>">
   
7.             </div>
   
8.         </div>   
   
9.         <% }) %>
   
10.     </div>
    
11.     <div class="swiper-nav"></div>
    
12. </div>

复制代码

插件实例化

1. this.$slider = new swiper(this.$('.plugin-swiper'), {
   
2.                         loop: true,
   
3.                         autoplay: 4000,
   
4.                         speed: 800,
   
5.                         autoplayDisableOnInteraction: false,
   
6.                         pagination: this.$('.swiper-nav')
   
7.                     });

复制代码

一共四张图片，页面渲染完成后显示的是最后一张图片，这是咋回事呢？