Slick funktioniert nicht nach Ajax-Aufruf

Question

Dies ist eine ähnliche Frage zu der here. Ich versuche, mein glattes Karussell nach dem erfolgreichen Ajax-Anruf zu arbeiten. Versuchte jede Lösung dort, aber es scheint immer noch nicht für mich zu arbeiten.

.reviews-Seite-Karussell Slick

$('.reviews-page-carousel').slick({ 
    arrows: false, 
    slidesToShow: 1, 
    variableWidth: true, 
    centerPadding: '10px' 
}); 

Ajax-Aufruf

$.ajax({ 
    type: "GET", 
    url: review_url + "?page=" + page, 
    success: function(result) { 
     $('.reviews-page-carousel').slick('unslick').slick('reinit'); 
    } 
}) 

diese

auch Versuchte

$.ajax({ 
    type: "GET", 
    url: review_url + "?page=" + page, 
    success: function(result) { 
     $('.reviews-page-carousel').slick('unslick'); /* ONLY remove the classes and handlers added on initialize */ 
     $('.reviews-page-carousel').slick(getSliderSettings()); /* Initialize the slick again */ 
    } 
}); 

Beide diesen Fehler gibt:

Uncaught Typeerror: Kann nicht Eigenschaft 'unslick' von undefined lesen

Answer 1

Nach dem Aufruf einer Anfrage, setze den Timeout um den Slick Slider zu initialisieren.

var options = { 
    arrows: false, 
    slidesToShow: 1, 
    variableWidth: true, 
    centerPadding: '10px' 
} 

$.ajax({ 
    type: "GET", 
    url: review_url+"?page="+page, 
    success: function(result){ 
     setTimeout(function() { 
      $(".reviews-page-carousel").slick(options) 
     }, 500); 
    } 
}) 

Update: Gleiten Sie den Slick-Slider nicht beim Start ein. Einfach nach einem Ajax mit Timeout initialisieren. Das sollte für dich funktionieren.

Answer 2

Lösung

var options = { 
    arrows: false, 
    slidesToShow: 1, 
    variableWidth: true, 
    centerPadding: '10px' 
} 

Ajax

$.ajax({ 
     type: "GET", 
     url: review_url+"?page="+page, 
     success: function(result){ 

      setTimeout(function() { 
       $(".reviews-page-carousel").not('.slick-initialized').slick(options) 
      }, 500);