JQuery Event Selector

Question

Sagen Sie, ich habe 10 kleine Bilder, die ich als Tooltips verwenden möchte. Ich betrachte sie alle in der gleichen Klasse '.Helper' '

Ich wähle Helfer aus und rufe dann an

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

Ich möchte dann, dass ein DIV Popup mit einem Text enthält. Dies funktioniert gut, wenn es nur einen Tooltip auf der Seite gibt, aber sobald es mehr als einen gibt, erscheinen sie alle gleichzeitig.

Habe ich etwas grundlegend falsch?

Kommentare geschätzt.

Danke

Answer 1

Verwenden this als Selektor im Inneren statt der .helper Selektor noch einmal:

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

Answer 2

Wenn Sie sich fragen, was das Problem war, war es, als Sie angerufen haben

 $(".helper")

Innerhalb Ihrer Funktion haben Sie alle Elemente mit Klassenhelfer erhalten, um nur das einzelne Element, das Sie wollten.