在类更改时，使用jQuery更新HTML属性

我使用的WordPress主题添加了两个徽标，一个是网站加载时的深色徽标，另一个是滚动时激活粘性导航时的浅色徽标。当粘性导航激活时，类“scrolled”被添加到包含的div“scroll\u header\u top\u area”中

如果我已经向下滚动了页面，并且粘性导航处于活动状态，并且我刷新了页面，那么下面的代码可以工作，但是滚动时它不会动态地关闭徽标

我已经看到了使用的建议，但恐怕我无法理解这个示例或如何在这里使用它

如何根据“滚动”类是否处于活动状态更改此代码以使更改动态化

if  ( $j('.scroll_header_top_area').hasClass('scrolled'))  {

    $j(".q_logo img").attr("src","path_to_image/light.png");
}

else {
    $j(".q_logo img").attr("src","path_to_image/dark.png");
}

---

听起来您需要一个事件处理程序。这将处理滚动事件

$j(".q_logo img").attr("src","path_to_img/dark.png");   

$( window ).scroll(function() {

    if( $j('.scroll_header_top_area').hasClass('scrolled'))
    {
        $j(".q_logo img").attr("src","path_to_image/light.png");
    }
    else{
        $j(".q_logo img").attr("src","path_to_image/dark.png");
    }
});

---

上面的JS是否包含在类似

$（'#myDiv'）的东西中。在（'classChange'，function（{}）

上？不是-这就是我缺少的吗？唯一的问题是，它没有在页面加载时加载第一个图像（黑色），它在滚动时对这两个图像都有效。实际上，如果我在代码之前添加它，一切都很好：$j（“.q#logo img”）.attr（“src”，“path_to_img/dark.png”）；