时间戳

首页 > 解决方案 > 光滑的多个轮播和控件问题

javascript - 光滑的多个轮播和控件问题

问题描述

我在标签下的一页中有 3 个轮播。轮播工作正常。但所有控件都附加到第一个轮播 div。第一个 carousel-controls div 有 3 个上一个和 3 个下一个按钮。其他轮播控件没有任何 html。

$formatter.each(function(key) {
var thisFormatter = $(this);
var carousel = thisFormatter.find('.js-basic-carousel');
var arrowsDiv = thisFormatter.find('.carousel-controls');

//adding arrows like this
appendArrows: arrowsDiv
 }

// HTML is appending like this
<div class="carousel-controls">
<button type="button" data-role="none" class="slick-prev slick-arrow" 
 aria-label="Previous" role="button" style="display: 
 block;">Previous</button>
<button type="button" data-role="none" class="slick-prev slick-arrow" 
aria-label="Previous" role="button" style="display: 
block;">Previous</button>
<button type="button" data-role="none" class="slick-prev slick-arrow" 
aria-label="Previous" role="button" style="display: 
block;">Previous</button>

如何为每个轮播单独获取控件？

标签： javascriptphpjqueryhtmlslick.js

解决方案

推荐阅读