已解決430363個問題，去搜搜看，總會有你想問的

檢查 div 是否有類然后動畫

首頁猿問檢查 div 是否有類然后動畫

檢查 div 是否有類然后動畫

JavaScript

慕容3067478 2023-07-20 14:27:25

我正在嘗試執行用戶操作animate后的操作owl carousel drag。問題是$(this)沒有認識到.nav-item有.active階級的東西。有什么想法我做錯了什么以及如何解決它嗎？owl.on('changed.owl.carousel', function(event) { if ($(".nav-item").hasClass("active")) { var navPosition = $('.navbar-collapse').scrollLeft() elemPosition = $(this).offset().left; $(".navbar-collapse").animate({scrollLeft: navPosition + elemPosition}, 800); }})

查看完整描述

1 回答

守候你守候我

TA貢獻1802條經驗獲得超10個贊

問題是它hasClass沒有選擇一個元素，但它只是返回 true 或 false。要執行您需要執行的操作，請嘗試使用該each函數來選擇您想要與之交互的元素并將其this正確分配給：

owl.on('changed.owl.carousel', function(event) {

$(".nav-item").each(function(){

if ($(this).hasClass("active")){

var navPosition = $('.navbar-collapse').scrollLeft();

elemPosition = $(this).offset().left;

$(".navbar-collapse").animate({scrollLeft: navPosition + elemPosition}, 800);

}

});

您還可以執行類似的操作，以便使用一個選擇器字符串選擇具有活動類的元素：

owl.on('changed.owl.carousel', function(event) {

$(".nav-item.active").each(function(){

var navPosition = $('.navbar-collapse').scrollLeft();

elemPosition = $(this).offset().left;

$(".navbar-collapse").animate({scrollLeft: navPosition + elemPosition}, 800);

}

});

https://api.jquery.com/each/

反對回復 2023-07-20

1 回答
0 關注
155 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

檢查 div 是否有類然后動畫

檢查 div 是否有類然后動畫

1 回答

添加回答