元素加载后执行功能[重复]

Posted 2023-02-18

【中文标题】元素加载后执行功能[重复]

【英文标题】：execute function after element has loaded [duplicate]

【发布时间】：2014-07-01 09:19:36

【问题描述】：

我想在加载元素后执行一个函数。

jQuery 的load() 事件似乎使这变得容易，但它在 v1.8 中已被弃用。我正在寻找与此类似的现代版本：

$( "img.userIcon" ).load(function() 
  if ( $( this ).height() > 100) 
    $( this ).addClass( "bigImg" );
  
);

必须是跨浏览器的，可以是jQuery或者vanilla JS。

【问题讨论】：

@kmoe 错了.load 我猜...

@VisioN 哎呀...好吧，现在我希望我可以撤消标志

.load 函数不支持跨浏览器，所以这就是它被弃用的原因，我认为它没有被替换。

api.jquery.com/load-event 文档说要使用load 事件并给出这个例子：$( "#book" ).load(function() ...

@sage88 在哪里写到这些警告是弃用该方法的主要原因？官方原因请查看追踪器中的following ticket。

【参考方案1】：

documentation page 表示.load(callback) 是.on('load', callback) 的简写

.load(callback) 已被弃用，因为与 AJAX .load(callback) 存在歧义（请参阅here）

【讨论】：

这不是 AJAX 加载方法，它是 jQuery 1.8 中已弃用的加载事件

@JayBlanchard 这个答案是关于load 事件的，在思维方式上是正确的。由于模棱两可，该方法已被弃用。

不支持跨浏览器。

@sage88 这不是弃用的主要原因。