javascript - 当移动到另一个页面并返回到存在 slick carousel 的页面时，slick carousel 不起作用

Question

_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,
            arrows: false
          }
        },
        {
          breakpoint: 769,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
            dots: true,
            arrows: false
          }
        }
      ]
    });
  })
</script>

所以，当我在这个页面上时，轮播工作正常。但是当我移动到其他页面并返回轮播页面时，轮播滑动不起作用

标签： javascriptjqueryruby-on-rails-4