IE7 이미지가로드되어서는 안되는 경우

Question

사이트를 구축 중이며 내 페이지 중 하나가 IE7에서 약간의 문제를 일으키고 있습니다. 여기에서 사이트를 볼 수 있습니다 : www.vitaminjdesign.com/contact.html

연락처 필드에 항목이 있으면 기본적으로 성공 이미지를로드하고 비어있는 경우에는 실패 아이콘을로드하는 jquery 스크립트를 작성했습니다. 모든 브라우저에서 완벽하게 작동하지만 IE7에서는 이미지 자리 표시자가로드됩니다. 아이콘 중 하나가로드 될 때까지 사라지지 않습니다. IE7에서 페이지를 보면 내 뜻을 알 수 있습니다.

확실한 점은 없겠지만 IE7에서 이러한 자리 표시 자 이미지를 제거하려면 어떻게해야합니까?

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

Answer 1

당신은 우선 그들에 display:none을 설정 한 다음 바인딩 이벤트에서 귀하의 체인의 끝에 $.show();를 추가 할 수

여기 내 JQuery와있다.

<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" />