javascript append() Funktion einen Schieber

Question

bricht Ich habe diesen Code:

<div class="swiper-container"> 
    <div class="swiper-wrapper"> 
     <div class="swiper-slide">Slide 1</div> 
     <div class="swiper-slide">Slide 2</div> 
     <div class="swiper-slide">Slide 3</div> 
    </div> 
    <!-- Add Pagination --> 
    <div class="swiper-pagination"></div> 
    <!-- Add Arrows --> 
    <div class="swiper-button-next"></div> 
    <div class="swiper-button-prev"></div> 
</div> 

Der Schieber perfekt funktioniert. Aber wenn ich so etwas in meinem Javascript verwenden:

var output = $('.swiper-wrapper');   
    var landmark = '<div class="swiper-slide">Slide1</div>';    
    output.append(landmark); 

Und dann den Schiebe Code wie folgt bearbeiten:

<div class="swiper-container"> 
<div class="swiper-wrapper"> 
<!-- append here --> 
</div> 
<!-- Add Pagination --> 
<div class="swiper-pagination"></div> 
<!-- Add Arrows --> 
<div class="swiper-button-next"></div> 
<div class="swiper-button-prev"></div> 

es richtig angehängt, aber die Schlitten nicht mehr funktionieren . Wie ist es möglich?

EDIT: Ich sehe jedes Mal, wenn ich append() -Funktion verwenden, bricht etwas. Sogar eine ul Liste. Es ist wie ... wenn ich diese Methode benutze, ist es egal, css ...

Answer 1

Set observer Parameter auf true, wenn Sie Swiper Objekt initialisieren. Beispiel:

var mySwiper = new Swiper('.swiper-container', { 
    // ...other parameters 
    observer: true 
}); 

Das wird Swiper nach DOM-Änderungen suchen, um sich zu aktualisieren.

Answer 2

Sie können richtige Lösung bei swiper docs (http://idangero.us/swiper/api/) gefunden:

mySwiper.appendSlide('<div class="swiper-slide">Slide 10"</div>') 
    mySwiper.appendSlide([ 
     '<div class="swiper-slide">Slide 10"</div>', 
     '<div class="swiper-slide">Slide 11"</div>' 
    ]);