coffeescript - 调整 CoffeeScript 以使用 window.onload

Question

我有以下 CoffeeScript ，除了当图像需要一段时间来加载它在图像加载之前运行然后没有达到预期效果的事实之外，它可以工作:

ready = ->
  jQuery ->
    $('.box').find('img').each ->
      imgClass = if @width / @height > 1 then 'wide' else 'tall'
      $(this).addClass imgClass
      return
    return


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

如何仅在加载整个窗口后才运行我的函数？

到目前为止我最好的尝试看起来像

window.onload = ->
  $('.box').find('img').each ->
    imgClass = if @width / @height > 1 then 'wide' else 'tall'
    $(this).addClass imgClass
    return
  return

但它不起作用。我也尝试了其他几种可能性，但我不知道出了什么问题。

我的问题与 this one 不同因为我不想等到所有 CoffeeScript 都完成加载，所以我想等到我网页中的所有图像都加载完毕。

Answer 1

要在加载所有图像后执行您想要的代码，请使用 jQuery 的 load() 上的方法窗口 . document监视 DOM，而 window观看内容。

在咖啡中，它看起来像这样:

$(window).load ->
  alert 'All images are loaded'

这和你所拥有的区别在于你使用的是 window.onload而我建议 $(window).load() .