我对CSS IE7兼容性问题感到疯狂,因此我选择在该问题上使用javascript。
这是我的代码:
// fix ie7 menu
if ($('html').hasClass('ie7')) {
var submenus = $('header .menu > li > ul.sub-menu');
$.each(submenus,function(key,submenu){
var w = $(submenu).width();
$(submenu).children('li').css('width','300px');
alert(key+" submenu li "+$(submenu).children('li').width());
});
}
如您所见,我试图强制ul.sub-menu元素的子元素采用其父元素的宽度(w)。运气不好,因此我将“ 300px”值硬编码为测试目的。然后我尝试只用“ 300”。依然没有。
我的$(submenu).children('li')元素怎么不能有300px的宽度?
我在Chrome中测试了此代码,效果很好。
谢谢。
最佳答案
if ($('html').hasClass('ie7')) {
var submenus = $('header .menu > li > ul.sub-menu');
submenus.each(function(){
var w=$(this).width();
$(this).children('li').css('width',w+'px');
});
}
关于jquery - IE7和jQuery:这怎么行? (.css()),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15619167/