Добрый день!
Есть главная страница, в ней через тег object подгружаются svg файлы
<div id="i_am" >
<object id='svg_i_am' data="/svgpic/i_am.svg" type="image/svg+xml">
</object>
</div>
<div id="line1_size">
<object id='svg_right_line' data="/svgpic/line.svg" type="image/svg+xml">
</object>
</div>
<div id="line2_size" >
<object id='svg_down_line' data="/svgpic/line_down.svg" type="image/svg+xml">
</object>
</div>
Есть функция которая при клике мышкой на определенном диве поочередно запускает анимацию этих svg.Но возникает проблема ..при первом клике сначало происходит загрузка этих svg в dom и только после это уже на втором клике анимация работает нормально.
Пробовал использовать
addEventListener('load',function(){})
НО второй параметр требует указать функцию для выполнения.А мне надо чтобы элементы подгрузились и уже потом
при клике мышкой начала выполняться функция .
Как можно загрузить в dom svg файлы а потом с ними работать?