2009-12-23 71 views
1

我正在构建一个网站,并且我的一个网页在IE7中导致了一些问题。您可以在这里查看网站:www.vitaminjdesign.com/contact.html当它不应该加载IE7图像

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

我确定有一个CSS的唯一修复,但如何删除IE7中的那些占位符图像?

这里是我的jQuery:

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

回答

3

您可以为他们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(); 
}); 
+0

谢谢!这是完美的 – JCHASE11 2009-12-23 04:50:31

0

给图像占位符图像。

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

另外,作为一个附注,你不应该在页面上有重复的ID。尝试使用类。 – jchapa 2009-12-23 04:39:55