Question

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

Github repo here

它将数据动态添加到不同的列。因为我希望网格布局（Bootstrap）即使具有相同的列高也能响应，我使用的是Javascript方法，它位于正文结束之前的脚本标记之间。

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

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

使用Chromium或Firefox，此代码在Xubuntu中的开发服务器上运行良好。上传到Heroku并使用Windows和Chrome或Firefox时，相同的高度列脚本有时会工作或有时不工作（通过刷新页面）。如果没有，列将具有不同的高度。我已经尝试将脚本更改为onload（），load（）以及其他可能的侦听器，并且它不会以这种方式工作。

我觉得奇怪的是，它有时只能起作用，而且它与Chromium完美配合。有谁可以指出它是什么？谢谢你的帮助，我已经被困在这里几个小时了，我正在慢慢变得绝望。

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

Answer 1

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

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

Javascript代码仅在

1 个答案: