jQuery 在 Firefox 上调整宽度

发布于 2024-09-01 11:39:02 字数 340 浏览 1 评论 0原文

我正在用 jquery n widths 做一些液体柱的实验，我不知道为什么它不能在 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)
})
});

原文

I'm doing some experiments with jquery n widths for a liquid column and I'm not sure why it isn't working on firefox.
It works fine on IE6,7,8 Chrome, Opera(sluggish).
I found some articles about firefox not recognizing the .resize attribute but no explanation/solution =\

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

挽手叙旧 2024-09-08 11:39:02

更新：您的问题出在选择器上，只需将其更改为 $('#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>

Update: Your problem is with your selector, simply change it to $('#midCol') to get the desired effect:

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

What version of Firefox are you using? I can't seem to reproduce resize() not working in Firefox (3.6.3). I suggest trying a simple demo page for the resize method and see if you're still having problems. If this example works, then your problem likely lies elsewhere and you'll need to include some more info.

<!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>

回复收藏 0 原文

~没有更多了~