Function in the script file not getting called

Question

In my script.js I have this:

$(function () {
   function addColors(basicColors) {
      ...
   }
});

And in HTML:

<head>
<script src="scripts/script.js"></script>
</head>
<body>
   ...
<script>
   ...
   addColors(basicColors);
</script>
...

But in console i am getting

Uncaught ReferenceError: addColors is not defined

The script file is correctly referenced as other functionality defined in that file is working just fine.

fzzfzzfzz · Accepted Answer · 2015-03-07 19:30:07Z

4

It's a scope issue. addColors is defined as a local function within the anonymous function being passed to jQuery to execute when the page loads (in $(function() { ... })). Outside that function, addColors isn't defined.

If you want addColors to be global, you can define it before the $(function() { ... }) in script.js.

answered Mar 7, 2015 at 19:30

fzzfzzfzz

1,2481 gold badge12 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Function in the script file not getting called

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related