如何用SVG圖像監聽對象的加載事件？

Question

我想在加載snap.svg之后操縱SVG圖像。 不幸的是，從不調用load事件的回調。 如何將加載事件注冊到svg對象？

我創建了這個問題的最小例子 。

HTML：

<object data="http://upload.wikimedia.org/wikipedia/en/8/80/Wikipedia-logo-v2.svg" type="image/svg+xml" id="animation" />

使用Javascript：

alert('loading');
$('#animation').on('load', function() {
  alert('loaded');
});

Answer 1

從這篇文章jQuery SVG-object標簽加載事件

似乎jQuery只是阻止將“load”事件綁定到非圖像或文檔元素，所以我只使用“官方”addEventListener（）函數...

還不確定是否仍然如此，但你的問題主要是在jsfiddle，你正在執行文件“已加載”而不是文檔“就緒”的代碼。 加載文檔意味着在執行代碼之前加載所有資源，因此已經加載了svg圖像。

使用這個更新的jsfiddle http://jsfiddle.net/47jSh/2/可以正常工作

alert('loading');
$('#animation')[0].addEventListener('load', function() {
    alert("loaded");    
}, true);