光滑滑块内容仅在我单击光滑箭头时加载

Question

我实现了Slick Slider，如果我在页面加载时加载滑块，它可以完美运行。 问题是当我隐藏滑块div并在某些点击监听器上显示它时。直到我点击侧箭头才能工作。 任何方案？ 这是我的代码。

<div class="year-main">
        <h4>Year</h4>
        <div class="center year-listing">
          <div><a href="#" onClick="return show_price()">2012</a></div>
          <div><a href="#" onClick="return show_price()">2013</a></div>
          <div><a href="#" onClick="return show_price()">2014</a></div>
          <div><a href="#" onClick="return show_price()">2015</a></div>
          <div><a href="#" onClick="return show_price()">2016</a></div>
          <div><a href="#" onClick="return show_price()">2017</a></div>
        </div>
      </div>

这是Javascript：

   $('.center').slick({
        centerMode: true,
        infinite: true,
        centerPadding: '60px',
        slidesToShow: 4,
        speed: 500,
        responsive: [{
            breakpoint: 768,
            settings: {
                arrows: false,
                centerMode: true,
                centerPadding: '40px',
                slidesToShow: 3
            }
        }, {
            breakpoint: 480,
            settings: {
                arrows: false,
                centerMode: true,
                centerPadding: '40px',
                slidesToShow: 1
            }
        }]
    });