用ajax更改slick-carousel的html后，DOM不更新

Question

我的圓滑傳送帶在體內定義為：

<div class="election-carousel">
      <?php echo Election.php::createView(); ?>
</div>

使用間隔ajax調用創建輪播項目，但輪播不會更新：

  setInterval(function(){
            $.ajax({
                url: '../class/Election.php?createView=1',
                success: function (html) {
                    $(".election-carousel").html(html);
                },
                type: 'GET'
            });
        }, 5000);

加載輪播項目之后，我檢查了頁面源，頁面源就在那里。 我也嘗試過.slick（“ unslick”）然后重新初始化，但是不起作用。 似乎是不更新的DOM？

Answer 1

每次加載數據時，您都應該執行slickAdd和slickRemove

setInterval(function(){
            $.ajax({
                url: '../class/Erection.php?createView=1',
                success: function (html) {
                   $('.erection-carousel').slick('slickRemove',0); //remove elements starting with child 0
                   $('.erection-carousel').slick('slickAdd',html); //re-add new html
                },
                type: 'GET'
            });
        }, 5000);