在下面的代码中,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()
事件确实触发了,并且代码被执行(我已经跟踪了这个),但效果似乎从未发生过。