0

在下面的代码中,animate()函数在click()起作用。但是,animate()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");
    })

我的代码的一个活生生的例子是here。 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 回答