将等效事件 Turbolinks 到 window.load

Posted 2023-05-09

【中文标题】将等效事件 Turbolinks 到 window.load

【英文标题】：Turbolinks equivalent event to window.load

【发布时间】：2015-06-01 14:20:14

【问题描述】：

我有一个使用Masonry 在页面上排列图像的rails Web 应用程序。我像这样激活 Masonry：

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

使用window.load 而不是document.ready 可确保图像已加载，这是确保 Masonry 可以很好地排列它们所必需的（它们的高度各不相同）。

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

当新正文中的所有内容都已加载时，Turbolinks 中是否会触发一个事件，类似于 window.load 对正常加载页面的行为方式？

【问题讨论】：

使用 jQuery Turbolinks - github.com/kossnocorp/jquery.turbolinks

document.page:load 你的意思是$(window).on('page:load', masonry_load); 对吧？

您找到解决方案了吗？

@elsurudo 不，我不再从事我需要的项目。

【参考方案1】：

你可以使用

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

更多信息：Turbolinks Documentation