无法向圆滑的轮播添加新元素

时间:2018-07-05 14:52:09

标签: javascript slick.js

我正在使用平滑显示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>

我已经测试过在页面呈现的开始处添加静态元素,以检查浮雕本身是否正确加载以及是否正确显示了元素。

我的包含项如下:

<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" />

有人可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

该行为是由于当index == 0且转盘中没有元素时,内部的滑动验证所致。