使用$（document）.ready（function（）访​​问另一个js文件中的函数

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.

Answer 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 
};

Answer 2

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();
    });
});