How to pass a variable className to my object function, using JQuery?

Question

I'm new to Object-Orientated-Programming. I am trying to pass a element class as a parameter to a function. I know I've missed something...see code below:

var n = new Object();

n.mousePosition = function(class, y){   
    $(document).mousemove(function(e){
        if(e.pageY < y){ $(class).slideDown(200); }
        if(e.pageY > y){ $(class).slideUp(200); }
    });
}
n.mousePosition('.nav', 100);

The .nav is the element class name which I'm trying to pass to my function as the class parameter, the $(class).slideDown... is not picking it up

Any help would be greatly appreciated, thanks

class is a reserved word in JavaScript, what happens if you use a different variable name (elemClass, for example)? — David Thomas
– David Thomas, Commented Dec 5, 2011 at 22:07
No worries, that was the central theme of several answers, below, too. So if it's solved, you should accept one of those =) — David Thomas
– David Thomas, Commented Dec 5, 2011 at 22:12

Parzifal · Accepted Answer · 2011-12-05 22:09:11Z

2

class is a reserved keyword in JavaScript. Use something different, e.g. className as parameter name instead.

answered Dec 5, 2011 at 22:09

Parzifal

1,0863 gold badges13 silver badges25 bronze badges

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

Comments

Aaron McIver · Accepted Answer · 2011-12-05 22:07:58Z

1

Class is a reserved word, preface it with something else to avoid that issue, ie... myClass.

In addition you don't need to preface the class with the . when passing it in as a parameter.

n.mousePosition('nav', 100);

answered Dec 5, 2011 at 22:07

Aaron McIver

24.8k5 gold badges62 silver badges91 bronze badges

3 Comments

Anurag Uniyal Over a year ago

but then he will need to add a dot(.) in the function, best is to pass .nav because later on it can be changed to some other selector

zzzzBov Over a year ago

+1 for reserved word, -1 because jQuery is being used, so yes he does need to prefix the className with .

Nasir Over a year ago

@AaronMcIver thanks for your input. DavidThomas's comment did the trick

Kevin M · Accepted Answer · 2011-12-05 22:09:55Z

0

Class is a reserved word in JavaScript. You cannot use class as a variable name. For other reserved words you can visit: http://www.quackit.com/javascript/javascript_reserved_words.cfm

answered Dec 5, 2011 at 22:09

Kevin M

1,58417 silver badges38 bronze badges

Comments

Anurag Uniyal · Accepted Answer · 2011-12-05 22:10:53Z

0

class is a reserved keyword use something else e.g. klass

var n = new Object();

n.mousePosition = function(klass, y){   
    $(document).mousemove(function(e){
        if(e.pageY < y){ $(klass).slideDown(200); }
        if(e.pageY > y){ $(klass).slideUp(200); }
    });
}
n.mousePosition('.nav', 100);

see jsfiddle example in action http://jsfiddle.net/anuraguniyal/LBfBn/4/

answered Dec 5, 2011 at 22:10

Anurag Uniyal

89.2k41 gold badges181 silver badges223 bronze badges

Comments

Wayne · Accepted Answer · 2011-12-05 22:22:12Z

0

Note that class is a reserved word:

function t(class) }
    console.log(class);
}

t("test")

Result (Firefox 8.0):

SyntaxError: class is a reserved identifier

Try renaming to className (or similar).

The more general advice I'd give is that you could have easily caught this error by running the snippet in Firebug or jsfiddle or by debugging in some other environment that would have exposed the error.

edited Dec 5, 2011 at 22:22

answered Dec 5, 2011 at 22:09

Wayne

60.5k15 gold badges135 silver badges129 bronze badges

Collectives™ on Stack Overflow

How to pass a variable className to my object function, using JQuery?

5 Answers 5

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related