Question

I am trying to write my javascript functions in a separate file functions.js. Right now that file consists of one function:

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

In my html I have these two lines:

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

Essentially what I am trying to do is house a function in an external file and call it in my html. Maybe $document.ready isn’t the right way to do this. Or maybe I am just making a silly mistake. Thanks!

Answer 1

Make sure you are importing jQuery and try:

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