Global Variable Throwing "Undefined" error in hover function

Question

I have this global variable which is used as counter which I want to access in the jquery hover function. But some how the variable is throwing "undefined" error when I try to access it in the hover function. The code is

var i = 0

$('#ticker-area').hover(function() {
    alert(i); //THROWS UNDEFINED ERROR  
    clearTimeout(t1);   
    if (i > 0) {  
        alert(i); //NEVER REACHES HERE  
        var i = i - 1;  
        var innerText = tickerItems[i];  
        i++;  
    }  
    $('#ticker-area').html(innerText);  
}, function() {  
    clearTimeout(t1);  
    rotateTicker();  
});

Please help. Thanks Paddy

David · Accepted Answer · 2012-02-09 10:31:15Z

3

If you are new to javascript always use http://www.jslint.com/ to check your code.

Checking your code I get the following errors:

Problem at line 1 character 10: Missing semicolon.

var i = 0

Problem at line 8 character 15: 'i' is already defined.

var i = i - 1;

Problem at line 12 character 28: 'innerText' used out of scope.

$('#ticker-area').html(innerText);

So

put a semicolon in line 1
remove the var declaration in line 8
put the var innerText declaration at the begining to make it visible

edited Feb 9, 2012 at 10:31

answered Dec 23, 2010 at 8:46

David

4,1101 gold badge29 silver badges35 bronze badges

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

Comments

keegan3d · Accepted Answer · 2010-12-23 08:45:40Z

1

Its because you are defining var i again:

var i = i - 1;

answered Dec 23, 2010 at 8:45

keegan3d

11.4k10 gold badges57 silver badges78 bronze badges

Comments

Matt Asbury · Accepted Answer · 2010-12-23 08:38:45Z

0

You need to put a ; at the end of the line var i = 0

answered Dec 23, 2010 at 8:38

Matt Asbury

5,6902 gold badges24 silver badges29 bronze badges

Comments

Stuart Burrows · Accepted Answer · 2010-12-23 09:02:06Z

0

It is not a global variable if you usevar. When this is declared the variable is restricted to the function it is contained in. Either move the declaration into the function Or don't use the term var

edit

Take a look at this site for more info. This is the cause of the issue you are having now. Once you correct this you should take into account the suggestions in the other comments as these will become issues as well

edited Dec 23, 2010 at 9:02

answered Dec 23, 2010 at 8:40

Stuart Burrows

10.8k2 gold badges36 silver badges33 bronze badges

Collectives™ on Stack Overflow

Global Variable Throwing "Undefined" error in hover function

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related