Turbolinks等效事件到window.load

Question

我有一个rails web应用程序，它使用Masonry在页面上排列图像。我像这样激活砌体：

var masonry_load = function(){...};
$(window).on('load', masonry_load);

使用window.load代替document.ready可确保图片已加载，这是确保砌体可以很好地排列（高度不同）所必需的。

但是，我无法找到在Turbolinks中使用的等效事件。尝试使用Turbolinks'document.page:load的行为与document.ready相同;也就是说，缩略图没有正确排列，因为Masonry试图在不知道图像尺寸的情况下开始。

Turbolinks中是否有一个事件在新主体中的所有内容都被加载时被触发，类似于window.load对正常加载页面的行为？

Answer 1

您可以使用

document.addEventListener("turbolinks:load", function() { /* ... */ });

更多信息：Turbolinks Documentation