2009-12-23 84 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