Passing down a variable in a hover function in Jquery

Question

I'm doing a very simple hover function for a button and I need to pas down a variable. I can use the variable in the first state of the hover but not in the second. Does it have something to do with the fact that the variable is defined locally and not available in within that second function?

Here's the code:

$('#'+'[id^="world_map"]').hover(function() {

    var that2 = this.id;

    $('#' +that2+ '_thumbnail_container').animate({"opacity" : 1}, 150, function() { });
    $('#' +that2+ '_thumbnail_container').css('visibility','visible');

        },                  


    function() {
    $('#' +that2+ '_thumbnail_container').animate({"opacity" : 0}, 150, function() { });

    $('#' +that2+ '_thumbnail_container').css('visibility','hidden');
});

thanks!

Jamiec · Accepted Answer · 2011-09-05 07:58:15Z

2

You're right, it is because the variable that2 is defined in the scope of the first function. However, the value (this.id) itself is available in both methods.

$('#'+'[id^="world_map"]').hover(function() {


    $('#' +this.id + '_thumbnail_container').animate({"opacity" : 1}, 150, function() { });
    $('#' +this.id+ '_thumbnail_container').css('visibility','visible');

        },                  


    function() {
    $('#' +this.id+ '_thumbnail_container').animate({"opacity" : 0}, 150, function() { });

    $('#' +this.id+ '_thumbnail_container').css('visibility','hidden');
});

answered Sep 5, 2011 at 7:58

Jamiec

136k15 gold badges143 silver badges202 bronze badges

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

2 Comments

kareldc Over a year ago

aha so (this) passes down all the time? Thank you!

Jamiec Over a year ago

this is always a reference to the DOM object (NOT the jQuery object).

Collectives™ on Stack Overflow

Passing down a variable in a hover function in Jquery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related