javascript - 背景图像的高度仅在刷新时调整大小

Question

我有一个 id 为 #hero 的 div，并且我已将 #hero 的高度设置为使用此 jquery 更改为窗口高度：

$(document).ready(function(){
 $("#hero").height($(window).height());
    $(window).resize(function(){
      $("#hero").height($(window).height());
})
});

当我第一次加载页面、刷新页面或调整页面大小时，这可以正常工作。但是当我从另一个页面导航到主页时，#hero 不会调整大小。

知道什么可能导致这个问题吗？

值得一提的是，我使用的是 Rails 3.0，但我不知道这与它有什么关系。

提前致谢！