jquery - function not defined - calling this function from inline script

Question

I have the code as shown below. Have removed unwanted code from this, just wrote what was needed. When I call my toggleFunc from inline script in body, it shown in console that this function is not defined. Can anyone please tell me whats wrong with this?

<head>
<script src="~/Client/js/lib/jquery-1.10.2.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var pageInitialize = function () {  

            ..doing something here

            function toggleFunc() { 
               ..doing something more here
            };
        };
        pageInitialize();
    });
</script>
</head>
<body>
<script>toggleFunc()</script>
</body>

That is because toggleFunc() gets called before it is defined. — Milind Anantwar
– Milind Anantwar, Commented Jul 14, 2014 at 7:14

Rory McCrossan · Accepted Answer · 2014-07-14 07:15:35Z

4

Both your functions will not be defined until DOMReady has fired, which will happen after the call to toggleFunc in the body has been run. Also, toggleFunc is within the pageInitialize function, and is therefore not accessible outside pageInitialize.

Try this:

<script type="text/javascript">
    var pageInitialize = function () {  
        //..doing something here
    };
    pageInitialize();

    function toggleFunc() { 
        //..doing something more here
    };
</script>

answered Jul 14, 2014 at 7:15

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

5 Comments

whyAto8 Over a year ago

Thanks man, I kind of realized just after posting the question. Stupid question, I ask at times. Thanks anyway.

Bhojendra Rauniyar Over a year ago

@RoryMcCrossan Is there a way that if the function is defined then call the function?

Rory McCrossan Over a year ago

@C-linkNepal yes, you can check if the function exists before calling it: functionName && functionName();

Bhojendra Rauniyar Over a year ago

No, I meant when the OP calls toggleFunc() inside script then if it is ready to use then call it???

Rory McCrossan Over a year ago

@C-linkNepal no. All you can do is check if a function is available to use at a specific time. There is no way to know when a function become available to you.

user229044 · Accepted Answer · 2014-07-14 07:16:13Z

1

Two problems:

toggleFunc isn't a global function. It's local to pageInitialize. If you want it to be global, assign it to window.
You're defining the function inside a $(document).ready callback, which will execute at some point in the future. You're invoking the function immediately, outside a $(document).ready callback. It won't have been defined yet.

answered Jul 14, 2014 at 7:16

user229044♦

241k41 gold badges346 silver badges350 bronze badges

Comments

Teh SoTo · Accepted Answer · 2014-07-14 07:18:39Z

0

toggleFunc() is a Closure unable to be called from the global scope.

It's also being called before it's even defined as you are using $(document).ready

answered Jul 14, 2014 at 7:18

Teh SoTo

2091 silver badge11 bronze badges

Collectives™ on Stack Overflow

jquery - function not defined - calling this function from inline script

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related