Javascript If/Else 语句更改 img src

Question

我有一个下拉功能动态下拉菜单，我想为其添加更多功能。菜单是页面导航，将鼠标悬停在链接上会更改内容区域中图像的来源，反射(reflect)事件链接。这是一个简单的 attr(src) 更改。

我已经添加了一些代码来淡出事件图像，将源更改回默认值，并在离开菜单时淡入淡出并返回，但我想在 If/Else 语句中构建该代码；如果源未更改为默认值，则防止图像淡出和淡入。

语法似乎是正确的，但函数不能正常工作。我比较新，可能会遗漏一些东西。对于功能更可靠的代码的任何建议，我将不胜感激!

谢谢你的时间， 丹尼尔

---

else 语句中嵌入的函数(淡出、更改源、淡入)按我希望的方式工作。

$("#trigger").mouseleave(function(){
    var img = $("#img_home");
    if (img.src = "Images/IMG_4663_bw.jpg"){
      img.noop();
    } else {
      img.fadeOut(1000, function(){
         img.attr("src","Images/IMG_4663_bw.jpg");
         img.fadeIn(1000);
      });
    }
});

Answer 1

if (img.src = "Images/IMG_4663_bw.jpg")

您要分配值，您需要== 运算符，而不是= 运算符。
如果您只是在寻找 else 条件，只需反转条件即可:

if (img.attr('src') != "Images/IMG_4663_bw.jpg") {
    // fade and stuff
}