CODEWITHSUNDEEP
javascriptjqueryeventsselector
maxp
maxp

Reputation: 25141

JQuery event selector

Say i have 10 small images that i want to use as tooltips. Im assinging them all the same class, '.helper'

Im selecting helper, then calling 

mouseenter(function() { $(".helper").stop(false,true).fadeIn(); })

I then want a div to popup, containing some text. This works fine if there's only one tooltip on the page, but as soon as there is more than one, whenever i hover over one, they all appear at the same time.

Have i got something fundamentally wrong?

Comments appreciated.

Thx

Upvotes: 0

Views: 685

Answers (2)

cdmckay
cdmckay

Reputation: 32240

If you're wondering what the problem was, it was that when you called

 $(".helper")

within your function, you were getting all the elements with class helper, in stead of just the single element you wanted.

Upvotes: 0

Paolo Bergantino
Paolo Bergantino

Reputation: 488384

Use this as the selector inside instead of the .helper selector again:

$('.helper').mouseenter(function() {
    // "this" now refers to the image that is being hovered...
    $(this).stop(false, true).fadeIn();
});

Upvotes: 2

Related Questions