DOMContentLoaded事件似乎沒有工作/我需要幫助瞭解它是如何工作的

我正在處理一個簡單的擴展名，當用戶打開一個新標籤頁時顯示一串文本。該代碼是：DOMContentLoaded事件似乎沒有工作/我需要幫助瞭解它是如何工作的

<html> 
    <head> 
     <script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
     <script type="text/javascript" src="showText.js"></script> 
    </head> 
    <body> 
     <div id="textDiv"> 
      <h1 id="actualText"></h1> 
     </div> 
     <div id="footer"> 
      <img src="settings.png"/> 
     </div> 
    </body> 
</html>

和JS文件

document.addEventListener("DOMContentLoaded", function() { 
    var text = "sample text"; 
    $('#actualText').append(text); 
});

這似乎並不當我打開一個新標籤的工作，但是當我點擊選項卡上的刷新，文字顯示出來。所以我猜這是第一次在代碼運行之前DOMContentLoaded事件已經被觸發了？這不應該是這樣的情況下，如果我加載它的頭雖然正確嗎？我會很感激任何幫助！

來源

2012-11-22 iman453

如果您正在使用jQuery只是做：

$(function() { 
    var text = "sample text"; 
    $('#actualText').append(text); 
});

這將調用函數時，該文檔已準備就緒。 Apparently this is equivalent to DOMContentLoaded

來源

2012-11-22 21:11:49

感謝您的回覆，儘管如此... – iman453

[檢查此小提琴]（http://jsfiddle.net/Vu5fq/）。它似乎工作。確保jquery被實際加載。 –

是的，我認爲這是一個擴展事件，不僅僅是一個JS問題。我認爲jquery被加載，因爲當我刷新時，它確實顯示文本。再次感謝：） – iman453

DOMContentLoaded事件似乎沒有工作/我需要幫助瞭解它是如何工作的

回答

相關問題