jquery - IE7 图像在不应该加载时加载

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(); 添加到绑定(bind)事件内链接的末尾。

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

--

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