Slick Slider仅在页面刷新后才能正常运行

时间:2017-07-03 13:27:53

标签: javascript jquery ajax slick.js slick-slider

我正在为我的项目使用光滑的滑块。当我登录到应用程序时,所有项目都随箭头一起出现在页面上。转盘只在我刷新页面后才会出现。

$(".best-sellers").not('.slick-initialized').slick({
            dots: false,
            infinite: false,
            speed: 300,
            slidesToShow: 5,
            slidesToScroll: 5,
            prevArrow: '<button type="button" class="btn-default slick-prev recentlyViewedControls"><i class="fa fa-2x fa-chevron-left" aria-hidden="true"></i></button>',
            nextArrow: '<button type="button" class="btn-default slick-next recentlyViewedControls"><i class="fa fa-2x fa-chevron-right" aria-hidden="true"></i></button>'
        });
    }

html部分:

<div class="row recently-viewed-items" data-bind="foreach: cart.recentlyViewed()">
     <div class="item col-sm-2 col-xs-6">
          <a href="">

          </a>
     </div>
</div>

foreach重复这些元素。这些物品来自ajax电话。

1 个答案:

答案 0 :(得分:0)

此错误可能与执行顺序有关,您只能在第二次完成时运行第一个程序段。

但你能发布一些功能性的例子吗?