2012-04-06 14 views
0

animate()の機能は、click()で動作します。 ただし、mouseenter()animate()またはpulse()(コメントを外した場合)のいずれも機能しません。私のコードの pulse()機能がジャロッドOversonによって提供されています...jQuery animate()pulse()not working

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"); 
    }) 

実際の例はここにあります。 http://fantasticvisions.net/test/me/

クラスsectionTitleは、上記のページのいくつかのH2要素に適用されます。それらをクリックすると、jQuery animate()を使用してコンテンツが拡大されます。ただし、mouseenter()は失敗します。

私はここで何が欠けていますか?私はこれについて多くのバリエーションを試してきましたが、何の仕事もありませんでした。 mouseenter()イベントが発生し、コードが実行されます(私はこれをトレースしましたが)効果は決して起こりそうにありません。

+1

私はここで何が欠けていますか? '.pulse()'がコメントアウトされたときに、どのように動作すると思いますか?つまり、もしあなたが助けが必要なのであれば、おそらく実際のコードのデモを提供して、重要なセクションがコメントアウトされていない方が良いでしょう。 – Sparky

+1

Sparky672あなたは少し速いです。投稿を再読してください。特に、pulse()(コメント解除されていない場合)が機能しないことを示します。それはアニメーションをコメントアウトすることを意味します。 また、投稿にもライブの例がありますが、初めて見逃してしまったので、ここもまたです。 http://fantasticvisions.net/test/me/ – leoplaw

+0

私のコメントのこの部分が欠落していたので、ここにもう一度です:_ "もしあなたが助けが必要なら、おそらく実際のコードのデモを提供します。 *ベスト "_。パルスはあなたのライブサンプル(http://fantasticvisions.net/test/me/)で明確にコメントアウトされています。助けが必要な場合は、適切な例を投稿してください。 http://sscce.org/ – Sparky

答えて

1

.animate()はjQuery自体が色のアニメーションをサポートしていないため動作しません。

jQuery UIまたはカラーアニメーションのプラグインを組み込むと、これが機能するはずです。

+0

ありがとうJeffB!それはそれだった。 8) – leoplaw

+0

.pulse()も機能しています。 – leoplaw