对于我正在构建的网站,我从...
导入我的Jquery代码 http://jqueryjs.googlecode.com/files/jquery-1.3.2.js
...但是当我在IE中运行该网站时,它在第4031行给出了“参数无效”的各种实例。
当我将鼠标悬停在应该通过Jquery进行动画处理的字段上方时会发生这种情况。这是我写的JS代码......
$('body ul li').each(
function(){
var tamcompleto = $(this).css('height');
$(this).hover(
function(){
$(this).stop().animate({height:tamcompleto},{queue:false, duration:600, easing: 'easeOutBounce'});
},
function(){
$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'});
}
);
$(this).css('height','50px');
}
);
这是不兼容的情况吗?或者我的代码错了吗?
此外,我在悬停功能上尝试了height:'auto'
而不是height:'tamcompleto'
,但它不起作用,height:'auto'
不应该是正确的方法?
答案 0 :(得分:1)
如果元素没有指定高度,css('height')
将不会返回任何内容。您可以使用height
函数,它可以为您提供实际高度(以像素为单位):
var tamcompleto = $(this).height() + 'px';