Jak można odsłuchać zdarzenie ładowania obiektu z obrazem SVG?

Question

Chcę manipulować obrazem SVG po załadowaniu snap.svg. Niestety wywołanie zwrotne zdarzenia load nigdy nie jest wywoływane. Jak mogę zarejestrować zdarzenie load do obiektu svg?

Utworzyłem ten minimal example mojego problemu.

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

Od tego postu jQuery SVG-object tag load event

Wydaje się jQuery po prostu uniemożliwia powiązać zdarzenie "ładunek" do nie- element image-or-document, więc używam tylko "oficjalnego" addEventListener() funkcja ...

Nie wiadomo też, czy tak jest nadal, ale problem polegał głównie na tym, że w jsfiddle kod był wykonywany na dokumencie "załadowany" zamiast dokumentu "gotowy". Załadowany dokument oznacza, że ​​wszystkie zasoby są ładowane przed wykonaniem kodu, aby obraz svg był już załadowany.

Działa dobrze z tym zaktualizowanym jsfiddle http://jsfiddle.net/47jSh/2/

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