挣扎着一些简单的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文件已加载firebug或chrome的开发工具

另外请确保您事先加载jQuery。