function is called as a non function in javascript

Question

My website needs to convert its nav menu when it is in a viewport which size is less than 800px.More over I have made a plugin for this and that plugin also provide vertical nav options.So i want to apply that vertical nav when it is in viewport less than 800px.

My codes for vertical nav

if(verticalNav){
   menuConvert()
}

And when in less than 800px

if($(window).width < 800){
   menuConvert()
}

And menuConvert function is

var menuConvert = function(){
     // codes here
}

But in console log: menuConvert is not a function

Any solution for that?

CSS media queries will be better for this @media screen and(max-width:800px){ //put your style in here; } — Zapp
– Zapp, Commented May 26, 2015 at 5:22
I think the problem is var menuConvert = function(){ is executed after menuConvert() call — Arun P Johny
– Arun P Johny, Commented May 26, 2015 at 5:22
Are you loading your javascript file at the bottom of your <body></body> tags? — Danny Delott
– Danny Delott, Commented May 26, 2015 at 5:23

Zee · Accepted Answer · 2015-05-26 05:26:09Z

3

var menuConvert = function(){
     // codes here
}

should be PLACED above

if($(window).width < 800){
 menuConvert();
}

OR change assignment to simple function like this:

function menuConvert(){
   console.log("Hello")
}

and it should work. The reason is JavaScript only hoists declarations, not initializations.

answered May 26, 2015 at 5:26

Zee

8,4805 gold badges39 silver badges59 bronze badges

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

Comments

6502 · Accepted Answer · 2015-05-26 05:54:29Z

0

In Javascript there is a difference between

var a = function() { ... };

and

function a() { ... }

The first is an assignment and is executed where the statement is met during the normal execution flow. This means for example that you cannot call a() before it has been set to be a function/closure.

The second is instead a function declaration and for example code like

console.log(b());
function b() { return 42; }

is valid.

answered May 26, 2015 at 5:54

6502

115k17 gold badges177 silver badges277 bronze badges

Collectives™ on Stack Overflow

function is called as a non function in javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related