在折叠内容中加载光滑滑块(在这种情况下为angular-bootstrap collapse插件)时,.slick-track div的宽度为0px,导致滑块尝试将所有幻灯片放在彼此的顶部.按箭头查看下一张幻灯片时,幻灯片恢复正常.如果我选择滑块并想要检查浏览器中的组件,它也会恢复正常.
请看这个例子：
http://plnkr.co/edit/iw9f2alEnK0HFkv1eq16?p=preview
这是我正在使用的光滑配置：
$(document).ready(function(){
$('.tourImageSlider').slick({
dots: true,infinite: false,slidesToShow: 3,slidesToScroll: 1,responsive: [
{
breakpoint: 1500,settings: {
slidesToShow: 2,}
},{
breakpoint: 1000,settings: {
slidesToShow: 1,}
}]
});
});
有人会知道如何解决这个问题吗？
谢谢！
