Javascript If/Else语句更改img src

Javascript If/Else语句更改img src,javascript,image,fadein,if-statement,src,Javascript,Image,Fadein,If Statement,Src,我有一个下拉功能的动态下拉菜单,我想增加一些功能。菜单是页面导航,将鼠标悬停在链接上可更改内容区域中图像的来源,反映活动链接。这是一个简单的属性更改 我已经添加了一些代码来淡出活动图像,将源代码更改回默认值,并在离开菜单时淡入淡出,但希望在If/Else语句中框显该代码;如果图像的源与默认值保持不变,则防止图像淡出和淡入 语法似乎正确,但函数工作不正常。我比较新,可能会错过一些东西。如果您能给我一些关于功能更可靠的代码的建议,我将不胜感激 谢谢你抽出时间, 丹尼尔 else语句中嵌入的函数淡出、

我有一个下拉功能的动态下拉菜单,我想增加一些功能。菜单是页面导航,将鼠标悬停在链接上可更改内容区域中图像的来源,反映活动链接。这是一个简单的属性更改

我已经添加了一些代码来淡出活动图像,将源代码更改回默认值,并在离开菜单时淡入淡出,但希望在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);
      });
    }
});
试一试

区别在于将该源与图像路径字符串进行比较。应该是“==”

试试看


区别在于将该源与图像路径字符串进行比较。应该是“==”

语法不正确。在if语句中需要==而不是=,它执行赋值而不是比较

另外,为了直接访问src属性,您需要从DOM元素进行访问。您可以使用[0]从jQuery对象获取第一个img

if (img[0].src == "Images/IMG_4663_bw.jpg"){
    $.noop(); // The noop is called from the global jQuery object.
    //...

语法不正确。在if语句中需要==而不是=,它执行赋值而不是比较

另外,为了直接访问src属性,您需要从DOM元素进行访问。您可以使用[0]从jQuery对象获取第一个img

if (img[0].src == "Images/IMG_4663_bw.jpg"){
    $.noop(); // The noop is called from the global jQuery object.
    //...
img是一个jQuery对象。 您需要通过调用img.attr'src'来访问它的属性

您的if条件指定img属性;要检查相等性,需要使用==相等或===严格相等运算符

jQuery的noop方法是一种静态方法;您可以通过编写jQuery.noop来调用它

最后,给努普打电话毫无意义。首先,内部没有语句的一对空大括号没有错:if something{}else{…}。 此外,您还可以反转if条件并去掉else:

img是一个jQuery对象。 您需要通过调用img.attr'src'来访问它的属性

您的if条件指定img属性;要检查相等性,需要使用==相等或===严格相等运算符

jQuery的noop方法是一种静态方法;您可以通过编写jQuery.noop来调用它

最后,给努普打电话毫无意义。首先,内部没有语句的一对空大括号没有错:if something{}else{…}。 此外,您还可以反转if条件并去掉else:

如果要赋值,则需要==运算符,而不是=运算符。 但是,如果只查找else条件,只需反转该条件:

if (img.attr('src') != "Images/IMG_4663_bw.jpg") {
    // fade and stuff
}
如果要赋值,则需要==运算符,而不是=运算符。 但是,如果只查找else条件,只需反转该条件:

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

jQuery并不完全符合后端开发的要求,它仍然是非常前端的-我不敢相信这个问题的标题是jQuery if/else——不是jQuery——是JavaScript!!对不起,雅各布,刚跳进游泳池。正在使用jQuery库。。。但我知道什么:jQuery并不完全符合后端开发的要求,它仍然是非常前端的-我不敢相信这个问题的标题是jQuery if/else——不是jQuery——是JavaScript!!对不起,雅各布,刚跳进游泳池。正在使用jQuery库。。。但是我知道什么:对,当我的眼睛盯着那个比较时,我没有注意到jQuery对象:。对,当我的眼睛盯着那个比较时,我没有注意到jQuery对象:。工作得很有魅力!我非常感谢你的时间和努力。工作得很有魅力!我非常感谢你的时间和努力。
if (img.attr('src') != "Images/IMG_4663_bw.jpg") {
    // fade and stuff
}