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

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

HTML

---

加载文档时，如果项目在用户数据库中，我希望事件侦听器更改颜色。但出于某种原因，这是行不通的。我不确定我是否使用了正确的事件。如果我使用click事件而不是load，同样的代码也可以工作。

您应该使用

ready

功能：

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

---

尝试查看包含

user

的内容，可能检索到的objectuser=true错误。因此，如果我使用click事件而不是load，同样的代码也可以工作。我不知道为什么会这样。尝试使用

$（document）.ready（（）=>{}）

否？此解决方案有效。谢谢我已经发布了一个答案，如果你不介意的话，请将其标记为正确以结束问题

 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');
    }

});

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