Bootsrap轮播和Javascript

时间:2019-05-28 06:47:46

标签: javascript bootstrap-4

我在同一页面上有三个多项目轮播。除了仅使用Javascript编码外,其他一切似乎都工作正常。我将如何对三个轮播实施此操作?

 $("#carouselExample,#carouselExampleOne,#carouselExampleTwo").on("slide.bs.carousel", function(e)
   {
    var $e = $(e.relatedTarget);
    var idx = $e.index();
    var itemsPerSlide = 4;
    var totalItems = $(".carousel-item").length;
    if (idx >= totalItems - (itemsPerSlide - 1))
    {
      var it = itemsPerSlide - (totalItems - idx);
      for (var i = 0; i < it; i++) 
      {
        // append slides to end
        if (e.direction == "left") 
         {
           $(".carousel-item").eq(i).appendTo(".carousel-inner");
         } 
        else
         {
          $(".carousel-item").eq(0).appendTo(".carousel-inner");
         }
    }
  }
 });

我如何使其适用于所有三个转盘?

0 个答案:

没有答案