无法将新元素添加到光滑的轮播

Question

我正在使用 slick 来显示 ajax 返回的结果。

$('#carousel').slick('slickAdd',html,indexToInsert); 
$('#carousel').slick('slickGoTo',indexToInsert);

我已经检查了 html（如果正确呈现）和 indexToInsert 的值（对于第一个查询）为零。但是，当我检查旋转木马时，那里什么也没有。

html是

<table class='table'>
<tr>
    <th>Dia</th>
    <th>Turno</th>
    <th>Função</th>
</tr>
<tr>
   <td>2018-07-03</td>
   <td>8:00 - 17:00</td>
   <td>Folga</td>
</tr>
</table>

我已经测试过在页面渲染开始时添加静态元素，以检查 slick 本身是否正确加载以及元素是否正确显示。

我的包含如下：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>

<link  href="../style/datepicker/datepicker.css" rel="stylesheet">
<script src="../style/datepicker/datepicker.js"></script>
<script src="../style/date/date.js"></script>
<script src="../style/carousel/slick.js" ></script>

<link rel="stylesheet" href="../style/carousel/slick-theme.css" />

谁能帮帮我？

Answer 1

当索引==0 并且轮播中没有元素时，slick 的内部验证导致了该行为。

无法将新元素添加到光滑的轮播

Cannot add new elements to slick carousel

javascript

slick.js