jquery - 许多轮播的 setInterval(function() 和 updateVars()

Question

目前，在 slider 本身初始化之后，我的 $(document).ready(function() 中有以下内容。

此代码代表 3 个 slider ，它可以工作，但我有更多 slider 。

• 当我添加超过 4-5 个以上的 slider 时，它不起作用(它适用于某些，而不适用于其他)

有没有办法在这里添加一堆 slider ？

 setInterval(function(){

   var owldataTS = $(".testimonial-slider").data('owlCarousel');
   owldataTS.updateVars();

   var owldataMS = $(".multi-slider").data('owlCarousel');
   owldataMS.updateVars();

   var owldataMM = $(".mini-multi").data('owlCarousel');
   owldataMM.updateVars();


},1500);

顺便说一句:这用于页面大小发生变化而不重新调整视口(viewport)大小的情况，例如切换侧边栏或选项卡内容。

Answer 1

您可以为 slider 提供一个通用类并执行以下操作:

setInterval(function(){
 $(".common-class").each(function(){
    $(this).data('owlCarousel').updateVars();
 });
},1500);