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

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

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

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

知道是什么导致了这个问题吗

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

---

提前谢谢

如何导航到主页？它是真的进入服务器还是仅仅通过javascript？你使用的是TurboLink吗？如果是，您可能需要使用page:change事件，请在此处阅读更多内容：是的，这是一个Turbolinks问题。这就是我没有阅读文档的原因。谢谢