加载方法 jQuery 和原生 JavaScript答案

【问题标题】：load method jQuery and native JavaScript加载方法 jQuery 和原生 JavaScript
【发布时间】：2013-01-01 00:39:36
【问题描述】：

我的页面上有一个object 标签，其中包含 SVG 图形：

<object data="graphics.svg" type="image/svg+xml" id="graphics" />

我想执行一些需要完全加载 svg 文件的代码。所以我使用了 jQuery：

$('#graphics').load(function() {
    // some code
})

我使用的是原生 JavaScript：

$('#graphics')[0].addEventListener('load', function() {
    // some code
});

现在第二个 sn-p 有效，而第一个无效。我在这里想念什么？我想embed 标签会提供另一种行为，但似乎没有区别。

【问题讨论】：

【解决方案1】：

试试类似的东西

var element = $("<object/>");
    element.load(function () {
)};

【讨论】：

【解决方案2】：

来自jQuery docs：

与图像一起使用时加载事件的注意事项开发人员尝试使用 .load() 快捷方式解决的一个常见挑战是在图像（或图像集合）完全加载时执行一个函数。应该注意几个已知的警告。它们是：

与：

当一个元素和所有子元素都被完全加载后，加载事件会被发送到该元素。此事件可以发送到与 URL 关联的任何元素：图像、脚本、框架、iframe 和窗口对象。

【讨论】：