$（window）.load在Firefox中不顯示圖像

我正在嘗試編寫一個腳本，它在加載圖像時顯示加載器gif圖像，但在包含腳本後Firefox中的頁面中沒有任何圖像。它在Chrome中運行良好。我已經包含了下面的代碼。

的Javascript：

<script> 
$(window).load(function() { 
    $('#loader').hide(); 
    $('#best').fadeIn(); 
}); 
</script>

HTML：

<body> 
<div id="loader"></div> 
<div id="best"> 
<!-- Contents of the page here --> 
</div> 
</body>

CSS：

#loader { 
    background: url('img/19-0.gif'); 
    height: 95px; 
    width: 95px; 
    position: relative; 
    top: 50%; 
    left: 50%; 
    margin-top: 15em; 
    margin-left: 13em; 
} 

#best { 
    display: none; 
}

是否有任何問題，在我的代碼或者我應該嘗試另一種方法嗎？

來源

2013-07-30 Amit Nandan Periyapatna

是$（文件）。就緒（函數（）{}）;不工作？ –

你有沒有嘗試過不同的圖片格式？ – rps

您的css行中有一個錯字，#loader的最後一行（magrin-left：13em;） – Parrotmaster

試試這個：

$(document).ready(function() { 
    $('#loader').hide(); 
    $('#best').fadeIn(); 
});

來源

2013-07-30 11:09:12

我希望你知道，出於安全原因，Firefox的阻止用戶通過加載腳本加載本地腳本和文件？嘗試使用本地網絡服務器。

來源

2013-07-30 11:11:00

我沒有看到任何腳本代碼在這裏加載在另一個腳本/文件。謹慎闡述？ – Parrotmaster

如果他提供的代碼已滿，那麼是的 - 沒有任何內容會加載本地文件。我只是寫了它，以防有更多的代碼行，他沒有寫在這裏。 –

夠公平的，因爲他確實聲稱它在Firefox中不起作用，但它在Chrome中可以正常工作。 – Parrotmaster

使用

$('document').on("load", function() { 

});

，而不是$(window).load()。

來源：http://api.jquery.com/on/

來源

2013-07-30 11:17:48 Parrotmaster

.load（）（http://api.jquery.com/load-event/）已被棄用使用.on（「load」，function（）{...}而不是 –

@ValiD我將編輯我的代碼適應變化。 – Parrotmaster

$（window）.load在Firefox中不顯示圖像

回答

相關問題