jQuery在firefox上调整宽度

时间:2010-05-12 17:59:20

标签: jquery firefox resize width

我正在为液柱进行一些jquery n宽度的实验,我不知道为什么它不能用于firefox。 它适用于IE6,7,8 Chrome,Opera(缓慢)。 我发现一些关于firefox的文章没有识别.resize属性但没有解释/ solution = \

$(document).ready(function(){
$(midCol).width((window,$(window).width()) - 470)
 $(window).resize(function(){$(midCol).width((window,$(window).width()) - 470)
})
});

1 个答案:

答案 0 :(得分:1)

更新:您的问题在于您的选择器,只需将其更改为$('#midCol')即可获得所需效果:

$(document).ready(function(){
    $('#midCol').width($(window).width() - 470)
    $(window).resize(function() {
        $('#midCol').width($(window).width() - 470)
    })
}); 

您使用的是哪个版本的Firefox?我似乎无法重现resize()无法在Firefox(3.6.3)中工作。我建议为resize方法尝试一个简单的演示页面,看看你是否还有问题。如果此示例有效,那么您的问题可能在其他地方,您需要包含更多信息。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $(window).resize(function() {
                $('#log').append('<div>Handler for .resize() called.</div>');
            });
        });
    </script>
</head>
<body>
    <div id="log"></div>
</body>
</html>