0

次のコードでは、animate()関数 inが機能しclick()ます。ただし、animate()or pulse()(コメントを外した場合) inmouseenter()も機能しません。このpulse()機能は Jarrod Overson によって提供されています...

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()イベントが発生し、コードが実行されます (私はこれを追跡しました) が、効果は決して発生しないようです。

4

1 に答える 1

1

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

jQuery UI またはカラー アニメーション プラグインを含めると、これは機能するはずです。

于 2012-04-06T20:55:42.610 に答える