CODEWITHSUNDEEP
javascriptjqueryfunction
Spencer
Spencer

Reputation: 22370

Struggling With Some Simple Javascript

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!

Upvotes: 0

Views: 73

Answers (3)

Ivan
Ivan

Reputation: 10372

Make sure you are importing jQuery and try:

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

Upvotes: 2

Naftali
Naftali

Reputation: 146302

Check to make sure the js file was loaded with firebug or chrome's dev tools

Also make sure you load jQuery beforehand as well.

Upvotes: 1

RSG
RSG

Reputation: 7123

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

Upvotes: 1

Related Questions