JavaScript/Jquery交换带gif的img png源代码

我试图在单击事件上交换图像标记的src，图像src是一个png文件，但如果我单击图像，源将更改为给定文件

        <img src="images/eye.png" alt="Logo"
             id="sidebar-collapse img-logo-main-page"
             width="80">

---

问题是您将

id

视为

类

。您为图像提供了一个

id

的

侧栏折叠img徽标主页

，但试图使用

#img徽标主页

引用它。一个元素只能有一个id，但可以有许多类。如果您为它指定了

侧栏折叠img徽标主页

的

类名

，您可以使用

.img徽标主页

（其任何一个或多个类）来引用它，但

id必须是唯一的，并且每个元素只能有一个id



更改图像源
常数gifEgg={
要素：{
徽标：$（“#img徽标主页”），
logoOverlay:$（“#侧栏图像折叠”）
},
addGif（）{
this.elements.logoverlay.单击（（）=>{
控制台日志（“单击”）；
this.elements.logo.prop（'src'，'http://2.bp.blogspot.com/-3jbHdEj7o2k/Uk6zNIfJkqI/AAAAAAAAB5s/zf7UzbSkp80/s200/zrikh+gif'）；
});
}
};
gifEgg.addGif（）；
问题在于，您将
id
视为
类
。您为图像提供了一个
id
的
侧栏折叠img徽标主页
，但试图使用
#img徽标主页
引用它。一个元素只能有一个id，但可以有许多类。如果您为它指定了
侧栏折叠img徽标主页
的
类名
，您可以使用
.img徽标主页
（其任何一个或多个类）来引用它，但
id必须是唯一的，并且每个元素只能有一个id



更改图像源
常数gifEgg={
要素：{
徽标：$（“#img徽标主页”），
logoOverlay:$（“#侧栏图像折叠”）
},
addGif（）{
this.elements.logoverlay.单击（（）=>{
控制台日志（“单击”）；
this.elements.logo.prop（'src'，'http://2.bp.blogspot.com/-3jbHdEj7o2k/Uk6zNIfJkqI/AAAAAAAAB5s/zf7UzbSkp80/s200/zrikh+gif'）；
});
}
};
gifEgg.addGif（）；
你确定它是正确的吗？“/images/eyes\u move.gif”改为“images/eyes\u move.gif”？是的，即使如此，它也不应该返回错误消息或至少警告，所以你说该函数应该工作？你确定它是正确的吗？“/images/eyes\u move.gif”改为“images/eyes\u move.gif”？是的，即使如此，它不应该返回错误消息或至少一个警告，所以你说该功能应该工作？
const gifEgg = {

    elements: {
        logo: $('#img-logo-main-page'),
        logoOverlay: $('#sidebar-image-collapse')
    },

    addGif () {
        this.elements.logoOverlay.click(() => {
            console.log("clicked");
            this.elements.logo.attr('src', '../images/eyes_move.gif');
        });
    }

};

gifEgg.addGif();