jquery - IE7 和 jQuery : how can this not work? (.css())

Question

我对某些 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 中测试了这段代码，效果很好。

谢谢。

Answer 1

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');
});
}