1

$(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>
4

1 に答える 1

5

単純な構文エラーがあり、括弧を閉じています

$(window).resize(function() {
    $("#iframeweb").width($(document).width() - $('#menu').width());
}); // <--
于 2013-01-22T21:46:16.633 に答える