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; 也就是说,缩略图没有正确排列,因为砌体试图在不知道图像尺寸的情况下开始.

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

Answer 1

您可以使用

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