【问题标题】:jQuery resize width on firefoxjQuery在Firefox上调整宽度
【发布时间】:2011-02-18 18:31:09
【问题描述】:

我正在对液体列的 jquery n 宽度进行一些实验,但我不确定为什么它在 Firefox 上不起作用。 它在 IE6、7、8 Chrome、Opera 上运行良好(缓慢)。 我发现一些关于 Firefox 无法识别 .resize 属性但没有解释/解决方案的文章=\

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

【问题讨论】:

    标签: jquery firefox resize width


    【解决方案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>
    

    【讨论】:

    猜你喜欢
    • 2010-10-17
    • 2011-07-31
    • 2012-02-22
    • 1970-01-01
    • 1970-01-01
    • 2011-08-01
    • 1970-01-01
    • 2012-10-25
    • 1970-01-01
    相关资源
    最近更新 更多