Javascript 代码有时只运行

Question

我找到了一个 Ruby on Rails Web 应用程序 here

Github 仓库here

它将数据动态添加到不同的列。因为我想让网格布局（Bootstrap）即使在相同的列高下也能做出响应，所以我使用了 Javascript 方法，它位于正文结束之前的脚本标记之间。

$(document).ready(function() {
var heights = $(".prodcol").map(function() {
    return $(this).height();
}).get(),

maxHeight = Math.max.apply(null, heights);
$(".prodcol").height(maxHeight);
});

这段代码在 Xubuntu 的开发服务器上运行良好，使用 Chromium 或 Firefox。当上传到 Heroku 并使用 Windows 和 Chrome 或 Firefox 时，相同的高度列脚本有时有效或有时无效（通过刷新页面）。否则，列将具有不同的高度。我已经尝试将脚本更改为 onload()、load() 和可能的其他侦听器，但它根本不起作用。

我觉得奇怪的是它只在某些时候有效，而且它与 Chromium 完美配合。有人能指出它是什么吗？谢谢你的帮助，我已经被困了好几个小时了，我慢慢变得绝望了。

编辑：现在我决定使用固定高度并限制列类的字符限制和 img 大小，因为到目前为止问题无法解决，因此 Heroku 链接将正确显示。

Answer 1

使用 turbolinks，我发现使用 $(document).ready 可能会导致问题，您可以尝试使用：

$(document).on('ready page:load',function(){})