Come ascoltare un evento di caricamento di un oggetto con un'immagine SVG?

Question

Voglio manipolare un'immagine SVG dopo che è stata caricata con snap.svg. Sfortunatamente il callback dell'evento load non viene mai chiamato. Come posso registrare un evento di caricamento sull'oggetto svg?

Ho creato questo minimal example del mio problema.

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

Da questo post jQuery SVG-object tag load event

Sembra jQuery impedisce semplicemente quello di associare un evento di "carico" ad un non elemento immagine-o-documento, quindi uso solo "ufficiale" addEventListener() funzione ...

Anche se non è ancora così, ma il problema era principalmente che in jsfiddle stavi eseguendo il codice sul documento "caricato" anziché sul documento "pronto". Il documento caricato significa che tutte le risorse sono state caricate prima di eseguire il codice in modo che l'immagine svg sia già stata caricata.

funziona bene con questo jsfiddle aggiornato http://jsfiddle.net/47jSh/2/

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