Проблема с динамической загрузкой svg изображений
 

Добрый день! Делаю интерактивную карту на основе изображения svg. Загружаю svg следующим образом:

$(window).on('load', function(){ 
var object = document.getElementById("svg-map");
var svgDocument = object.contentDocument;
var path_elem = svgDocument.getElementsByTagName("path");
............

Затем по клику на определенной области изображение меняется на другой svg файл. При помощи:

$("#svg-map").attr("data", "img/"+ $(this).attr("id") +".svg");

После клика по кнопке "Назад" должно загрузиться прежнее изображение, делаю тоже через смену атрибута "data", загружается успешно, но после этого не меняются стили областей и не работает событие click по участкам изображения.

Не пойму в чем проблема, буду благодарен любой подсказке.

Спасибо большое, разобрался. Просто считал, что window будет показывать загрузку всех элементов страницы, включая svg.