jQuery toggle auf mouseover - verhindern Warteschlange

Ich habe folgenden code, welcher aktiviert oder deaktiviert die Sichtbarkeit des div bei einem anderen div ist moused über. Es funktioniert gut, außer wenn man mit der Maus immer aus und wiederholt es Warteschlangen, alle schaltet:

$(document).ready(function() {
    $('.trigger').mouseover(function(){
        $('.info').toggle(400);
    }).mouseout(function(){
        $('.info').toggle(400);
    });
});

Ich hab das versucht, aber es scheint nicht zu funktionieren (es schafft Probleme mit der Sichtbarkeit des div ein-und ausgeblendet und endet nicht zeigen, dass Sie es überhaupt)

$(document).ready(function() {
    $('.trigger').mouseover(function(){
        $('.info').stop().toggle(400);
    }).mouseout(function(){
        $('.info').stop().toggle(400);
    });
});

Wie kann ich loswerden der Warteschlange hier?

Sollten Sie wirklich den cache der .info - Selektor.
Wenn man auf das caching der Selektor Stephen, können Sie auch den cache der ganzen Linie.... leider ist dies nicht hilft Dan mit seiner Frage sowieso. Einige Leute vereinfachen Sie Ihren code für andere zu beantworten, das problem in Frage. Ich Stimme auch mit John - Dan sollte akzeptieren, werden Sie ein Teilnehmer, der nicht einem user
Sie haben nur angenommen 1 von 7 Fragen, klicken Sie auf meine Fragen, dann nehmen Sie Ihre gewählte Antwort für jede Frage
Leider scheint es Ihr in der Minderheit von Menschen, die mit Fragen ohne Antworten zu korrigieren 🙁 , ich bin immer noch auf der Suche auf ein Update für dein propblem

InformationsquelleAutor Dan | 2010-11-18

15

Mithilfe der .dequeue() Funktion und .stop()
```
.dequeue().stop()
```
Ausgezeichneten Artikel über dieses hier gefunden, ich bin sicher, es sagt Ihnen, was Sie wissen wollen.

http://css-tricks.com/examples/jQueryStop/

Auch ich verwenden würde .show() and .hide() statt .toggle() nur zu speichern, jquery Verwechslungen.

Edit: Aktualisiert

Das problem ist die animation nicht vollenden, true, true, es springt an das Ende, bevor ein anderer beginnt.

Beispiel
```
$('.trigger').mouseover(function() {
    $('.info').stop(true, true).show(400);
}).mouseout(function() {
    $('.info').stop(true, true).hide(400);
});
```
- Danke. Der code ist jetzt so: <code> $(document).ready(function() { $('."trigger").mouseover(function(){ $('.info').dequeue().stop().show(400); }).mouseout(function(){ $('.info').dequeue().stop().ausblenden(400); }); }); </code> Aber wieder, dies nur Taten das gleiche, wie es schon bei meiner zweiten Ausschnitt in der original-post. Es scheint noch Warteschlange die animation aber wirklich verwirrt und zeigt nichts.
- dieses update alle gut für Sie , Dan?
- Dank Blowsie es ist hilfreich für mich
- aber ich habe einen Zweifel, dass ich über den p-tag, aber damals p-tag verstecken, wie Sie verhindern, dass die Klasse info ausblenden
InformationsquelleAutor Blowsie

Sollten Sie versuchen, diese

$(".trigger").hover(function() { $(".info").stop(true).toggle(400); });

InformationsquelleAutor Maurice Dévé

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.