我对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/

10-09 14:28