2012-04-06 16 views
0

Im folgenden Code funktioniert die Funktion in click() funktioniert. animate() oder pulse() (wenn unkommentiert) in mouseenter() funktioniert auch nicht. Die pulse() Funktion von Jarrod Overson zur Verfügung gestellt ...jQuery animate() Impuls() funktioniert nicht

http://jarrodoverson.com/static/demos/jquery.pulse.html

sectionTitle = $j(this).find(".sectionTitle"); 
    sectionTitle.click(function(){ 
    if($j(this).parent().height() == sections[$j(this).parent().attr("id")]["height"]){ 
     origHeight = sections[$j(this).parent().attr("id")]["origHeight"]; 
     $j(this).parent().animate({height:origHeight},"slow"); 
    }else{ 
     height = sections[$j(this).parent().attr("id")]["height"]; 
     $j(this).parent().animate({height:height},"slow"); 
    } 
    }) 
    sectionTitle.mouseenter(function(){ 
    var properties = { "color" : '#F00' }; 
    // $j(this).pulse(properties, 500, 3); 
    $j(this).animate({"background-color":'#F00'},"slow"); 
    }) 

Ein anschauliches Beispiel meines Codes ist hier. http://fantasticvisions.net/test/me/

Die Klassen sectionTitle wird auf eine Anzahl der H2-Elemente auf der obigen Seite angewendet. Wenn Sie darauf klicken, wird der Inhalt mithilfe von jQuery animate() erweitert. Die mouseenter() schlägt jedoch fehl.

Was fehlt mir hier? Ich habe eine Reihe von anderen Variationen versucht und keine funktionieren. Das Ereignis mouseenter() wird ausgelöst, und der Code wird ausgeführt (ich habe das verfolgt), aber der Effekt scheint nie zu passieren.

+1

Was fehlt mir hier? Wie können wir erwarten, dass '.pulse()' funktioniert, wenn Sie es auskommentiert haben? Ich meine, wenn Sie Hilfe benötigen, wäre es vielleicht am besten, wenn Sie eine Demo des eigentlichen Codes ohne kritische Abschnitte bereitstellen würden. – Sparky

+1

Sparky672 Sie sind ein bisschen schnell daneben. Bitte lesen Sie den Beitrag erneut. Es erwähnt speziell Puls() (wenn unkommentiert) nicht funktioniert. Das heißt dann, du würdest wiederum das Animierte auskommentieren. Auch die Post bietet zwar ein Live-Beispiel, aber da du es beim ersten Mal verpasst hast, hier ist es wieder. http://fantasticvisions.net/test/me/ – leoplaw

+0

Da Sie diesen Teil meines Kommentars verpasst haben, hier ist es wieder: _ "Wenn Sie Hilfe wollen, vielleicht eine Demo des tatsächlichen Codes ** ohne kritische Abschnitte auskommentiert * * wäre am besten "_. 'pulse' ist in [dein Live-Beispiel] (http://fantasticvisions.net/test/me/) deutlich auskommentiert. Wenn du Hilfe brauchst, poste ein passendes Beispiel. http://sscce.org/ – Sparky

Antwort

1

.animate() funktioniert nicht, da jQuery selbst keine Animation von Farben unterstützt.

Wenn Sie jQuery UI oder ein Farbanimations-Plugin verwenden, sollte dies funktionieren.

+0

Danke JeffB! Das war's. 8) – leoplaw

+0

.pulse() funktioniert jetzt auch. – leoplaw

Verwandte Themen