如何在页面加载后使用 jquery 更改图标的颜色

Question

我有一个图标，我想在文档加载后更改颜色以指示用户在数据库中有该特定项目。

HTML

<li>
  <div class="bookmark">
      <i class="fas fa-bookmark"></i>
  </div>
</li>

这是我的 jquery 代码

 const bookmark = document.querySelector('.fa-bookmark')


$(document).on('load', '.bookmark', (event) => {
    console.log("in jquery function")
    let user = sessionStorage.getItem('user');
    
   

    if (user) {//if user is signed in
          bookmark.classList.add('amber-text');
    }

});

加载文档时，如果项目在用户数据库中，我希望事件侦听器更改颜色。但由于某种原因，这是行不通的。我不确定我是否使用了正确的事件。如果我使用点击事件而不是加载，则相同的代码有效。

Answer 1

您应该使用 ready 函数：

$(document).ready(()=>{
    ...
})

如何在页面加载后使用 jquery 更改图标的颜色

how to change the color of an icon after the page loads using jquery

html

javascript

jquery

icons