jquery - if... 具有空源的图像 (jQuery)

Question

在我的应用程序(asp.net)中，我有一个图像控件，默认情况下它有一个空源。当用户单击缩略图时，将在该图像控件中打开单击的图像。问题是，可以查看的图像是由用户上传的，因此我无法设置默认图像(因为无法确定加载页面时是否存在图像)。

问题在于，由于加载页面时图像 src 为空，因此显示了损坏的图像链接。单击缩略图时，一切正常。

我提出的一个解决方案是使用 jQuery 检查图像是否有空 src，如果是则隐藏它。

下面是我为此编写的代码，但由于某种原因没有任何反应。可能出了什么问题(当页面完成 GET 时加载代码)？

if ($("#fullSizeImage").attr(src="") == true) {
    $("#fullSizeImage").hide();
}
else {
    $("#fullSizeImage").show();
}

HTML:

<div id="fullImageArea"> 
    <img id="fullSizeImage" src="" /> 
</div>

Answer 1

你的验证应该是这样的:

if ($("#fullSizeImage").attr('src') == "") {

这是因为您使用 .attr() 的方式错误，根据 jQuery's documentation:您可以通过以下方式使用 .attr():

.attr( attributeName ) 

描述:获取匹配元素集中第一个元素的属性值。

或者

.attr( attributeName, value ) 

描述:为一组匹配元素设置一个或多个属性。