javascript - $(窗口).resize不起作用

$(window).resize不起作用，我想念什么？

因此，我在此页面上有一个水平宽度为350px的垂直菜单。链接打开显示不同内容的iframe。显示外部站点的iframe通过以下方式获得其宽度：$("#iframeweb").width($(document).width() - $('#menu').width())，使其填满屏幕，将菜单推向侧面。

该部分可以工作，但是在调整窗口大小时还需要更改宽度，但是它什么也没做...

代码：

<div id="wrapper">
    <div id="outer">
    <div id="inner">
        <iframe name="iframeweb" id="iframeweb"></iframe>
        <div id="menu">
                </div>
        <iframe name="iframeA4" id="iframeA4"></iframe>
    </div>
    </div>
    </div>

<script type="text/javascript">
$(window).resize(function() {
    $("#iframeweb").width($(document).width() - $('#menu').width());
};
</script>

<script type="text/javascript">
$("#linkA4").click(function(){
    $("#iframeA4")
        .hide('fast')
        .animate({"width": "0px"}, 'fast')
        .animate({"width": "210mm"}, 'fast')
        .show('fast');
    $("#iframeweb").hide('fast');
});

$("#linkweb").click(function(){
    $("#iframeA4")
        .animate({"width": "0px"}, 'fast')
        .hide('fast');
    $("#iframeweb")
        .hide('fast')
        .width($(document).width() - $('#menu').width())
        .show('fast');
});
</script>

最佳答案

您有一个简单的语法错误，请关闭括号

$(window).resize(function() {
    $("#iframeweb").width($(document).width() - $('#menu').width());
}); // <--

关于javascript - $(窗口).resize不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14468572/