Access function in another js file with $(document).ready(function()

Question

According to this post Click here to see the referred post

I tried to get access to a function which is defined in another .js file following the post instruction. However, I still have a problem. See my code below:

sildemenu.js

$(document).ready(function() {
    var window.slideMenu=function(){
        //do something here 
    }();
});

control.js

$(document).ready(function() {
    $('#foo').on('click', function() {
         window.slideMenu();
    });
});

I got the error "Object [object Window] has no method 'sildeMenu' ". I am very new in programming. Please give me a mercy.

Execution of sildemenu.js fails because var window.slideMenu is a syntax error (and the issue gdoron mentions). Drop the var. I recommend to read netmagazine.com/tutorials/javascript-debugging-beginners. — Felix Kling
– Felix Kling, Commented Feb 20, 2013 at 10:11
If you read the linked question/answer properly, you will see that there are no () after the function definition and no var before window..... — Felix Kling
– Felix Kling, Commented Feb 20, 2013 at 10:15

gdoron · Accepted Answer · 2013-02-20 10:11:47Z

1

You try to define a complex variable, (which is impossible this way) instead of assign a value to the global object- window.

  var window.slideMenu=function(){
//^^^ Get rid of this
    //do something here 
  }();
 //^^  and remove this

And get rid of the var Fixed code:

window.slideMenu=function(){
    //do something here 
};

answered Feb 20, 2013 at 10:11

gdoron

151k59 gold badges302 silver badges376 bronze badges

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

1 Comment

Ajarn Canz Over a year ago

I did apply your Fixed code, however, I still got the same error. It seems like slidemenu.js is fine but the error comes from control.js.

Pradeep Rajput · Accepted Answer · 2017-12-13 12:38:37Z

1

There is no need of window object just write:

sildemenu.js

$(document).ready(function() {
    slideMenu=function(){
      //Do your stuff here!
    };
});

control.js

$(document).ready(function() {
    $('#foo').on('click', function() {
         slideMenu();
    });
});

answered Dec 13, 2017 at 12:38

Pradeep Rajput

7257 silver badges11 bronze badges

Collectives™ on Stack Overflow

Access function in another js file with $(document).ready(function()

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related