Добрый день! Делаю интерактивную карту на основе изображения 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 по участкам изображения.
Не пойму в чем проблема, буду благодарен любой подсказке.