jQuery：如何读取动态变化的图像源？答案

【问题标题】：jQuery: How to read the dynamically changed image source?jQuery：如何读取动态变化的图像源？
【发布时间】：2017-08-06 04:53:49
【问题描述】：

当用户第一次点击“banner”类时，图像的来源在“if”语句中被检查并得到完美的改变。现在的问题是，当用户再次单击 "banner" 类时，它不会进入“else”块，因为它没有读取动态更改的源。解决办法是什么？

$(function() {

  $('.banner').click(function(){     

    if($("#left").attr('src',"img/unSelectedBanner.jpg") && 
       $("#right").attr('src',"img/unSelectedLogo.jpg"))
       {
          $("#left").attr('src',"img/SelectedBanner.jpg");
          $("#right").attr('src',"img/SelectedLogo.jpg");
       } 
       else if($("#left").attr('src',"img/SelectedBanner.jpg") && 
               $("#rightARM").attr('src',"BodyImage/rightArmSelected.png"))
               {
                  $("#leftARM").attr('src',"BodyImage/leftArm.png");
                  $("#rightARM").attr('src',"BodyImage/rightArm.png");
               }    
  });

});

【问题讨论】：

使用$('.banner').on('click',function(){或$(document).on('click','.banner',function(){。试试看

标签： jquery image dynamic src

【解决方案1】：

您不是在将属性的内容与字符串进行比较，而是在检查 setting 属性是否返回真/假。

所以而不是：-

if($("#left").attr('src',"img/unSelectedBanner.jpg")) { ... }

你应该使用

if($("#left").attr('src') == "img/unSelectedBanner.jpg") { ... }

与所有其他检查相同。

【讨论】：

为我工作。干杯！！