Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有棱角的光滑旋转木马幻灯片堆叠在页面中_Javascript_Jquery_Css_Angularjs_Slick.js - Fatal编程技术网

Javascript 有棱角的光滑旋转木马幻灯片堆叠在页面中

Javascript 有棱角的光滑旋转木马幻灯片堆叠在页面中,javascript,jquery,css,angularjs,slick.js,Javascript,Jquery,Css,Angularjs,Slick.js,我正在应用程序主页中使用Angularjs slick carousel控件。它有时可能奏效,但大多数时候都失败了。我提供了一次放映3张幻灯片的选项,大约有34张幻灯片。现在,当我加载页面时,幻灯片一张叠在另一张上。请看截图。 {{item.ContentId}{{item.ContentCaption} 我在控制台中也没有收到任何错误。我们将非常感谢您的帮助 我找到了这个问题的解决办法。我想把它贴在这里,这可能会对将来有类似问题的人有所帮助。 绑定数据后,我立即刷新了滑块,解决了

我正在应用程序主页中使用Angularjs slick carousel控件。它有时可能奏效,但大多数时候都失败了。我提供了一次放映3张幻灯片的选项,大约有34张幻灯片。现在,当我加载页面时,幻灯片一张叠在另一张上。请看截图。


  • {{item.ContentId}{{item.ContentCaption}

我在控制台中也没有收到任何错误。我们将非常感谢您的帮助

我找到了这个问题的解决办法。我想把它贴在这里,这可能会对将来有类似问题的人有所帮助。 绑定数据后,我立即刷新了滑块,解决了我的问题。其代码片段如下所示

$('.slickContainer').slick('refresh');

如果我们调整浏览器窗口的大小,它就会工作!有什么提示吗?
$('.slickContainer').slick('refresh');