从一个框架调用页面到另一个框架不会运行我的 jquery 函数

Question

我有一个页面，上面有一个内容特定的菜单栏。该页面有一个 iframe，可将实际内容加载到其中，然后我在其上运行高度和宽度 jquery 函数以填充窗口的其余部分。该代码在所有主流浏览器中都可以正常工作。然而，这个菜单栏/内容页面被加载到框架中。在 Chrome、Opera 和 Safari 中它可以工作，但是在 Firefox 中它会将页面调用到“内容”框架中，然后不在 iframe 上运行我的函数。

外部jquery代码： resize.js

测试页面：test-main.html

在框架中查看它！： <一个href="http://www">http://www dot rodbikes.com - 左侧的链接“测试，忽略我”会将测试页面加载到框架中。 （我的编辑再次破坏了链接，抱歉）

我知道框架很恶心，店主想保留它们。我知道我的 html 代码无法正确验证，当我确实获取了这几页的代码进行验证（使用 HTML 4.01 框架集）时，我遇到了同样的问题。

更多信息：

我编写了 2 个函数来调整 iframe 和包含它的 div 的大小，这样无论查看大小如何，它们都会填充整个浏览器窗口。它位于 head: 中，

   <script type="text/javascript">
    $(setheight);
    $(setwidth);
    </script>

它从外部 .js 文件调用它：

function setheight() {
$(document).ready(function() {
     $('#one') .css({'height': (($(window).height()) - 119)+'px'});

     $('#uno') .css({'height': (($(window).height()) - 119)+'px'});
});
}

function setwidth(){


if ($('frame[name=content]', parent).length) {  
     $('#uno') .css({'width': (($(window).width()) - 171)+'px'});

    }
     else {
        $('#uno') .css({'width': (($(window).width()) - 4)+'px'});
     }
}

我在 OSX firefox 中发现 iframe 的样式没有更新。当我将页面加载到框架中时，其高度和宽度正是浏览器使用的库存 iframe 高度/宽度。

我也有与上面相同的代码，但

$(window).resize(function()

添加了这样的代码，以便如果调整窗口大小，样式应该动态更新。 该函数被调用，

function move() {

并且对它的调用是主体中的第一件事：

<script type='text/javascript'>
$(move);
</script>

同样，当在框架中时，这不会在 Firefox 中发生。