Запустить функцию Javascript при загрузке содержимого объекта

Question

Как запустить функцию Javascript при загрузке содержимого <object>? Событие DOMContentLoaded срабатывает до этого, и все, что полагается на него, как на JQuery's $().

Сравнить this до this. Первый пример терпит неудачу, потому что функция выполняется, когда внешний SVG не был загружен. Второй пример опроса для элементов, которые он хочет изменить, и только затем выполняет соответствующий код и преуспевает.

Опрос работает на практике, но есть ли лучшее решение для этого? В идеале было бы событие, которое я могу использовать.

Answer 1

ли с помощью OnLoad DomEvent работать?

<object onload="changeColor()" data="circles.svg" type="image/svg+xml" id="circles"></object> 

увидеть мое это here

Answer 2

Вы должны использовать OnLoad/готовый событие JQuery - http://api.jquery.com/ready/

$('#circles').ready(function(){ 
    changeColor(); 
});`