光滑滑塊只能在頁面刷新後才能正常工作

我正在爲我的項目使用滑動滑塊。當我登錄到應用程序時，所有項目都會隨箭頭一起出現在頁面上。轉盤只有在我刷新頁面後纔會出現。光滑滑塊只能在頁面刷新後才能正常工作

$(".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/） –

光滑滑塊只能在頁面刷新後才能正常工作

回答

相關問題