2013-06-29 57 views
2

不工作我使用下面的代碼爲我的網站:JQuery的.load()在Internet Explorer中

<script src="js/jquery-1.10.1.js" type="text/javascript"></script> 
<script src="js/jquery-migrate-1.2.1.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("img#logo").load(function() { 
      alert('Hello'); 
     }); 
    }); 
</script> 

,這是不是在IE工作,但在Firefox,Chrome和Safari的罰款。

+1

哪個版本的IE? –

+0

可能的語法相關?看起來像'});'在IE8及以上版本的警報 – MikeM

+0

後丟失了! –

回答

3

我可以確認,你的代碼確實工作在IE 8使用unminified版本的Windows 7 64:

<!DOCTYPE html> 
<html> 
<head> 
<title>test</title> 
    <script type="text/javascript" src="jquery-1.10.1.js"></script> 
    <script> 
     $(document).ready(function() { 
      console.log($.fn.jquery); 
      $("img#logo").load(function() { 
       console.log('Hello'); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <img id="logo" src="somegig.gif" onload="console.log('load');"/> 
</body> 
</html> 

這將記錄1.10.1然後加載,然後你好,也許你有來驗證您的html,並確保你的html是有效的,也許這是一個問題。

+0

對不起,但它又不工作是有一些問題,我的IE ..? –

+0

@ShardaSingh IE的問題基本上就是糟糕(雖然它在公司網絡上有一些額外的優惠),但如果你按F12打開開發者工具,那麼點擊腳本然後點擊開始調試,然後重新加載你的頁面看日誌。下一次「不工作」不夠好,需要錯誤或預期的輸出與實際輸出相反。 – HMR

1

http://api.jquery.com/load-event/快速回顧提供了一些注意事項:

與圖像一起使用時加載事件的

告誡

的常見挑戰開發者嘗試使用.load() 快捷方式是執行解決當圖像(或圖像集合)完全加載時的功能。有幾個已知的注意事項 這應該注意。它們是:

  • 這並不一致,也不可靠地工作,跨瀏覽器的
  • 它不正確的WebKit如果圖像的src設置爲相同的SRC像以前
  • 它不火正確地泡了DOM樹
  • 可以停止火已經生活在瀏覽器的緩存

注意第一和第四警告圖像。清除緩存並重試。

另外,你需要jQuery遷移嗎?失去它,看看它是不是你的IE瀏覽器