IE無法識別JQuery內容加載

我正在使用JQuery腳本來加載，隱藏和顯示頁面上的內容，同時在頁面上加載內容時用戶可以看到gif文件。這適用於Safari和Firefox，但不適用於IE。用戶可以看到加載的內容。IE無法識別JQuery內容加載

謝謝你有關如何解決這個問題的任何建議。

jQuery的：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
     $("#content-loading").show(); 
$("#block_a").hide(); 
    $(window).load(function() { 
    $("#block_a").show(); 
    $("#content-loading").hide(); 
    }) 
}) 
</script>

含有GIF的DIV：

<div id="content-loading">

來源

2011-08-29 eman

這可能是你使用$(document).ready展示的內容加載GIF和隱藏block_a。嘗試把這個在CSS樣式表在你的頁面的頂部：

#block_a { display:none; }

這將立即隱藏塊。

來源

2011-08-29 14:56:24 Blazemonger

This Works。謝謝！ – eman

您正在隱藏ready事件中的內容，該事件在加載整個文檔時發生。此外，Internet Explorer沒有任何DOMContentLoaded事件，所以稍後會發生，因爲jQuery必須使用readyStateChange事件。

你應該隱藏使用CSS而不是內容，這樣，它隱藏已當它進入所有腦幹：

<style type="text/css"> 
#block_a { display: none; } 
</style>

你仍然可以使用jQuery的show方法來顯示從load事件的內容。

來源

2011-08-29 14:58:32 Guffa

這有效。謝謝！ – eman

IE無法識別JQuery內容加載

回答

相關問題