我有以下功能：
// Go to the previous item
$(".owl-prev-custom").click(function () {
$(".owl-carousel-timeline .item.item-year-active")
.removeClass("item-year-active")
.parent()
.prev()
.children()
.addClass("item-year-active");
var theHash = $(".owl-carousel-timeline .item.item-year-active").attr(
"data-hash"
);
});
使用這個 html：
<div class="owl-carousel owl-carousel-timeline">
<div class="owl-item">
<div class="item" data-hash="2006">
<div class="carousel-card"></div>
</div>
</div>
<div class="owl-item">
<div class="item" data-hash="2009">
<div class="carousel-card"></div>
</div>
</div>
<div class="owl-item">
<div class="item" data-hash="2010">
<div class="carousel-card"></div>
</div>
</div>
<div class="owl-item">
<div class="item" data-hash="2013">
<div class="carousel-card"></div>
</div>
</div>
<div class="owl-item">
<div class="item item-year-active" data-hash="2013-2">
<div class="carousel-card"></div>
</div>
</div>
</div>
<div class="owl-nav owl-nav-timeline">
<div class="owl-prev-custom"></div>
<div class="owl-next-custom"></div>
</div>
我遇到的問題是點擊事件，當到達第一個專案.owl-item:first（或最后一個專案.owl-item:last）時，不會停止并且類.item-year-active消失，因為它在第一個owl-item. 我想知道如何在第一個.owl-item和最后一個停止我的功能，.owl-item以免發生這種情況。
如果我解釋得好，請告訴我，提供更多詳細資訊，英語不是我的主要語言:)
uj5u.com熱心網友回復：
檢查活動元素是否是第一個元素，到達末尾時跳過它。
// Go to the previous item
$(".owl-prev-custom").click(function() {
if (!$(".owl-carousel-timeline .item.item-year-active").is(".owl-carousel-timeline .item:first")) {
$(".owl-carousel-timeline .item.item-year-active")
.removeClass("item-year-active")
.parent()
.prev()
.children()
.addClass("item-year-active");
}
var theHash = $(".owl-carousel-timeline .item.item-year-active").attr(
"data-hash"
);
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/330106.html
標籤：javascript html 查询 css
上一篇：Flexbox使列等高
下一篇：CSS僅用于第一個匹配元素