问题描述
_high.html.erb:
<div class="col-xl-12">
<div class="default-slick-carousel freelancers-container freelancers-grid-layout">
<%= render partial: '/pages/top_trainers' %>
</div>
</div>
##要在返回轮播页面时重新初始化轮播,我添加了以下内容:
<script type="text/javascript">
$(document).ready(function(){
$('.default-slick-carousel').not('.slick-initialized').slick({
infinite: false,slidesToShow: 3,slidesToScroll: 1,dots: false,arrows: true,adaptiveHeight: true,responsive: [
{
breakpoint: 1292,settings: {
dots: true,arrows: false
}
},{
breakpoint: 993,settings: {
slidesToShow: 2,slidesToScroll: 2,dots: true,{
breakpoint: 769,settings: {
slidesToShow: 1,arrows: false
}
}
]
});
})
</script>
因此,当我在此页面上时,轮播工作正常。但是当我移至其他页面并返回到轮播页面时,轮播滑动不起作用
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)