光滑滑块只能在页面刷新后才能正常工作

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

$(".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调用。

来源

2017-07-03 Shubham Goyal

'.not'函数返回与查询不匹配的所有元素，但它是立即的。如果您打算等到css类'.slick-initialized'添加到您的HTML中，那么您应该使用类似Observer的方法。看到这个：https://stackoverflow.com/questions/5525071/how-to-wait-until-an-element-exists。 –

该错误可能与执行顺序有关系，只能在第二次完成时运行第一个块。

但你能发表一些功能性的例子吗？

来源

2017-07-03 13:40:58

对不起，我cannot ..不是纯粹的HTML，并使用框架和所有。执行顺序很好。我把断点和检查。 –

我在小提琴中创建了一个例子，每一件作品都在[link]中看到（https://jsfiddle.net/brunoracosta/yu3qtvuu/5/） –

光滑滑块只能在页面刷新后才能正常工作

回答

相关问题