调整coffeescript使用window.onload

前端之家收集整理的这篇文章主要介绍了调整coffeescript使用window.onload前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下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不同,因为我不想等到所有coffeescripts都已完成加载,我想等到我的网页中的所有图像都已加载.

解决方法

要在加载所有图像后执行所需的代码,请在窗口中使用jQuery的load()方法.文档监视DOM,而窗口监视内容.

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

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

你和你有什么区别是你使用window.onload,而我建议$(window).load().

原文链接:https://www.f2er.com/js/156583.html

猜你在找的JavaScript相关文章