2012-04-04 16 views
0

Ich bin ein Javascript-Neuling und würde etwas Hilfe mit dieser einfachen Sache brauchen ... Ich will div: Zuletzt bei Mouseover über div angezeigt werden: zuerst. Sie sind in .workpost verpackt.jquery mouseover finden() swap divs

ich mehrere .workpost haben und wollen nur das aktive auszulösen ...

Mit dem Code unter dem fadeIn flimmert.

$('.workpost').mouseover(function() { 
    $(this).find('div:last').fadeIn(200); 
    $(this).mouseout(function() { 
     $(this).find('div:last').fadeOut(200); 
    }); 
}); 
+0

Der Code ist auf 'mouseover' von' .workpost' aber Ihre Beschreibung sagt, dass Sie es auf '' mouseover' von div wollen: first'. Welches ist richtig? –

+0

Ich habe ein div: zuerst eingewickelt in .workpost aber vielleicht wird der Wrapper nicht benötigt. –

Antwort

3

Dont nisten die Ereignishandler:

$('.workpost').hover(function() { 
    $(this).find('div:last').fadeIn(200); 
}, function() { 
    $(this).find('div:last').fadeOut(200); 
}); 
+0

Akzeptieren Sie die Antwort dann bitte. Dieser Code fügt bereits den Ereignishandler für alle ".wordposts" hinzu. Sie wissen, dass $ (". Workpost") ein Array mit allen DOM-Elementen ist, die ".workpost" entsprechen, oder? –

+0

Ja, ich weiß .. nicht sicher, wie ich mich erklären soll. Gibt es eine einfache Möglichkeit, nur den ".workpost" auszulösen, an dem die Maus tatsächlich vorbei ist? =) –

+0

Das ist was $ (this) tut. Vielleicht wäre es einfacher, wenn Sie ein Kinderspiel machen –