window.load仅适用于刷新

Question

我有这个jquery代码：

$(window).load ->
  $("#introduction h2").slabText viewportBreakpoint: 0

但它只在刷新页面时执行代码。因此，当我点击链接然后返回我的主页时，slabText不会呈现文字。

我将代码放在$(window).load ->中，因为如果我把它放在$(document).ready ->中，代码会在我的css加载字体之前被触发，导致它失败。

Answer 1

你应该在你的html head部分加载字体，或者在你的代码之前的document.ready中动态地（和同步地）加载字体，因为初始化代码所属的地方。

Answer 2

我找到了这段代码。问题是我的rails Turbolinks正在缓存页面导致页面无法重新加载。使用此代码修复了问题。

ready = ->

  $("#introduction h2").slabText viewportBreakpoint: 0

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

最终，由于我正在使用单页应用，我最终一起删除了turbolink。