桃花長相依
2021-10-21 14:03:31
我有 5 個項目的貓頭鷹旋轉(zhuǎn)木馬滑塊。我的問題是我需要滑塊的第一個和最后一個元素始終不透明。Slider 有 15 個元素,其中 9 個是克隆的,5 個具有.active類,1 個具有克隆和.active.我嘗試使用 javascript 在滑塊中找到所有“.active”類,但我不完全知道我應(yīng)該對找到的對象做什么。有找到所有“.active”類的代碼var owlCarouselActive = document.getElementById("slider-tour").getElementsByClassName("owl-item active");.active當(dāng)我單擊上一個或下一個按鈕時,我需要首先和最后一個 :before 使用我的背景樣式。
3 回答

拉丁的傳說
TA貢獻(xiàn)1789條經(jīng)驗 獲得超8個贊
我不在家,但嘗試這樣的事情:
function setOpacity() {
var elements = $('.active');
let count = 0;
$(elements).each(function(k,v) {
if (count == 0 || count == elements.length - 1) {
$(v).css('opacity', '0.8');
}
count++;
});
}
$(document).ready(function() {
setOpacity();
});
每次您希望它更新時都運行該函數(shù)。EG 按下按鈕。

慕森王
TA貢獻(xiàn)1777條經(jīng)驗 獲得超3個贊
您可以使用owlCarouselActive [0]訪問第一個元素,使用owlCarouselActive [owlCarouselActive.length-1]訪問最后一個元素。通常,您可以通過owlCarouselActive [i]訪問第 i 個元素。
添加回答
舉報
0/150
提交
取消