Javascript 光滑的滑块拇指未显示

我有一个圆滑的滑块，上面有缩略图作为点导航，但是缩略图没有定义。这是我的密码。非常感谢您的帮助

<section class="slider">
<div data-thumb="images/3white.svg?$staticlink$"><img src="images/cutaway3.png?$staticlink$"></div>
<div data-thumb="images/4white.svg?$staticlink$"><img src="images/cutaway4.png?$staticlink$"></div>
<div data-thumb="images/5white.svg?$staticlink$"><img src="images/cutaway5.png?$staticlink$"></div>
<div data-thumb="images/6white.svg?$staticlink$"><img src="images/cutaway6.png?$staticlink$"></div>
<div data-thumb="images/7white.svg?$staticlink$"><img src="images/cutaway7.png?$staticlink$"></div>
<div data-thumb="images/8gray.svg?$staticlink$"><img src="images/cutaway8.png?$staticlink$"></div>
<div data-thumb="images/9gray.svg?$staticlink$"><img src="images/cutaway9.png?$staticlink$"></div>
<div data-thumb="images/Pgray.svg?$staticlink$"><img src="images/cutawayP.png?$staticlink$"></div>
</section>

<script type="text/javascript">
$(".slider").slick({

autoplay: false,
dots: true,
customPaging : function(slider, i) {
    var thumb = $(slider.$slides[i]).data('thumb');
    return '<a><img src="'+thumb+'"></a>';
},

responsive: [{ 
    breakpoint: 500,
    settings: {
        dots: false,
        arrows: false,
        infinite: false,
        slidesToShow: 2,
        slidesToScroll: 2
    } 
}]
});

$（“.slider”）.slick({
自动播放：错误，
点：是的，
自定义分页：函数（滑块，i）{
变量thumb=$（slider.$slides[i]）。数据（'thumb'）；
返回“”；
},
响应：[{
断点：500，
设置：{
点：错，
箭头：错，
无限：错，
幻灯片放映：2，
幻灯片滚动：2
} 
}]
});

---

以下是一个可能对您有所帮助的示例：

$（'.slider'）。光滑({
自动播放：错误，
点：是的，
自定义分页：函数（滑块，i）{
变量thumb=$（slider.$slides[i]）。数据（'thumb'）；
返回“”；
},
响应：[{
断点：500，
设置：{
点：错，
箭头：错，
无限：错，
幻灯片放映：2，
幻灯片滚动：2
}
}]
});
以下是一个可能对您有所帮助的示例：


$（'.slider'）。光滑({
自动播放：错误，
点：是的，
自定义分页：函数（滑块，i）{
变量thumb=$（slider.$slides[i]）。数据（'thumb'）；
返回“”；
},
响应：[{
断点：500，
设置：{
点：错，
箭头：错，
无限：错，
幻灯片放映：2，
幻灯片滚动：2
}
}]
});

太奇怪了，我运行了你的代码，它可以工作，但当我把图像放进去时，它仍然显示为未定义。这可能是因为它是一个svg文件吗？太奇怪了，我运行了你的代码，它可以工作，但当我把图像放进去时，它仍然显示为未定义的。可能是因为它是一个svg文件吗？？