用一些簡單的Javascript掙扎

Question

我想在一個單獨的文件functions.js中編寫我的javascript函數。現在，該文件包含一個功能：

function noOverlay() { 
    $('.overlay').css('display','none'); 
}; 

在我的HTML我有以下兩行：

<script type="text/javascript" src="/functions.js"></script> 
<script> 
    $(document).ready(
      noOverlay() 
    ); 
</script> 

本質上講，我試圖做的是在外部文件中容納的功能，並調用它在我的HTML。也許$ document.ready不是正確的方法來做到這一點。或者，也許我只是犯了一個愚蠢的錯誤。謝謝！

Answer 1

確保您要導入jQuery和嘗試：

<script type="text/javascript" src="/functions.js"></script> 
<script> 
    $(function() { 
      noOverlay(); 
    }); 
</script> 

Answer 2

$(document).ready(function(){ 
    noOverlay(); 
}); 

Answer 3

檢查以確保js文件裝有螢火蟲或Chrome的開發工具

還要確保您加載的jQuery事先爲好。