Question

我正在构建一个站点，我的一个页面在IE7中引起了一些问题。您可以在此处查看该网站：www.vitaminjdesign.com/contact.html

我编写了一个jquery脚本，如果联系人字段有一个条目，它基本上会加载一个成功图像，当它们为空时，它会显示一个失败图标。它适用于所有浏览器，但在IE7中，会加载图像占位符。在加载其中一个图标之前，它不会消失。只需在IE7中查看页面，您就会明白我的意思。

我确定只有一个CSS修复，但如何在IE7中删除这些占位符图像？

这是我的jquery：

$(function(){
    $(':text,:textarea').bind('change, blur',function(){
        $(this).next('img').attr('src',this.value ? 'success.png' : 'fail.png');
    });
});

Answer 1

您可以为初学者设置display:none，然后在绑定事件中将$.show();添加到链接的末尾。

<img id="myIcon" style="display:none" />

-

$(":text,:textarea").bind("change, blur", function(){
  $(this).next("img").attr("src",(this.value ? "success.png":"fail.png")).show();
});

Answer 2

为图像添加占位符图像。

<img id="myIcon" src="path/to/placeholder.png" />

IE7图像加载时不应该加载

2 个答案: