追加幻燈片後Swiper問題

Question

我在一個cordova和jquery項目上工作。 我使用idangero的Swiper作爲幻燈片。

當我追加新幻燈片並嘗試顯示它們時，出現我的問題。

Jquery的代碼：

if(row.pictures != ''){ 
    var num_slide = mySwiper.slides.length; 
    console.log("[slidecontent ] "+slidecontent); 
    mySwiper.appendSlide([slidecontent]); 
    for (var i = 0; i < num_slide; i++) { 
     mySwiper.removeSlide(0); 
    } 
    mySwiper.update(); 
} 

的slidecontent控制檯日誌顯示的是：

[slidecontent ] '<div class="swiper-slide"><img src="..."></div>', 
'<div class="swiper-slide"><img src="..."></div>', 
'<div class="swiper-slide"><img src="..."></div>' 

但它顯示： HTML代碼

<div class="swiper-container swiper-container-horizontal"> 
    <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); transition: 0ms; -webkit-transition: 0ms;"> 
     <div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0"> 
      <img src="..."></div> 
      '', 
      '', 
      '<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="0"><img src="..."></div>' 
      <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0"> 
      <img src="..."></div> 
    </div> 
</div> 

問題來自update（）方法，我該如何解決這個問題？

Answer 1

我以前遇到過這個，我做的是摧毀舊的並初始化更新後的swiper。