jquery 的 addClass 無法作用？

jquery

火爆浪子 2020-10-20 16:23:40 ‧ 1475 瀏覽

分享至

$(function () {
    let locationPath = location.pathname
    if (locationPath.indexOf(faqRenderURL) !== -1) { // output 0
        $('.faq-nav').addClass('onasd')
        console.log('in')
    }
})

確實有印出 in 但卻沒有執行 addClass
我直接在谷歌瀏覽器直接下 $('.faq-nav').addClass('onasd') 完全可以沒問題

https://imgur.com/jcwlHJj
https://imgur.com/jQrimjg

不曉得是為什麼？
還是說一定要有個事件才行？ click ?
（都有清ＣＡＣＨＥ）

柯柯 iT邦新手 2 級 ‧ 2020-10-20 16:48:13 檢舉

faq-nav 是在一開始就有的class 還是載入網頁完成後才動態創建出來的class

火爆浪子 iT邦研究生 1 級 ‧ 2020-10-20 17:00:11 檢舉

確實，faq-nav 是 onload 後才創建的！

柯柯 iT邦新手 2 級 ‧ 2020-10-20 17:06:47 檢舉

那就是先onload 創建完faq-nav 在去跑判斷加class

$( document ).ready(function() {
$('body').append('<div class="faq-nav"></div>');

let locationPath = location.pathname
if (locationPath.indexOf(faqRenderURL) !== -1) { // output 0
$('.faq-nav').addClass('onasd')
console.log('in')
}

});

登入發表討論