Javascript代碼只能運行在次

我有一個Ruby on Rails Web應用程序發現here Javascript代碼只能運行在次

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（）以及其他可能的監聽器，並且這種方式完全不起作用。

我覺得奇怪的是，它只能在有時候工作，並且與鉻完美搭配。有人能指出它是什麼嗎？感謝您的幫助，我一直堅持這幾個小時，而且我正在慢慢成長爲絕望。

編輯：現在我決定使用固定的高度並限制列類的字符限制和img大小，因爲問題目前尚未解決，所以Heroku鏈接將正確顯示。

來源

2016-02-23 Doge

隨着turbolinks，我發現，使用$(document).ready可能導致的問題，而是你可以嘗試使用：

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

來源

2016-02-23 21:33:33

嘿感謝您的提示！但是，同樣的問題仍在發生。有時整個列被包裹（最大高度），有時不包括。我將該嘗試上傳到了我發佈的第一個鏈接 – Doge

Javascript代碼只能運行在次

回答

相關問題