Javascript无法进行页面刷新

Question

所以我有这段代码：

$(document).ready(function() {
  planSelectionForm.init($("form#new_account"));
});

当我链接到此页面时，它会按预期工作。 但是，当我从浏览器刷新时，它不会被触发。 这似乎是一个常见问题。 仅出于记录目的，我正在使用turbolinks。 为什么会发生这种情况的任何帮助将是巨大的！

Answer 1

将您的.onready（）函数包装到一个名为initialize的函数中。 关键是要分开事件驱动的函数调用，以便事件驱动的函数调用调用全局函数。

在其中，添加到您的身体或其他支持onload的元素。

$(document).ready(function() {
  initialize();
});
function initialize()
{
}

<body onload="initialize(); return;"> </body>

另外，对于Caleb，根据我的经验，我相信jQuery就绪事件只会在全新加载或ctrl + f5缓存重新加载时执行。

Answer 2

解决此问题后，我唯一能找到的解决方案是用以下命令包装我的脚本：

document.addEventListener("turbolinks:load", function() {
  planSelectionForm.init($("form#new_account"));
});