Работаю с
сайтом
Подгружаю части страниц ajax'ом. И все бы нормально, но нужно сделать так, чтобы на карте, при выборе секции, ситуация тоже менялась.
Написал код
var path = ['id1', 'id2', ... 'id7'],
links_sect_2 = ['link1', 'link2', ... 'link7'];
$('.korpus_minimap').click(function(e) {
var target = e.target;
if(target.tagName !== 'path') return;
for(var i = 0; i<paths.length; i++) {
$('#'+paths[i]).css({'opacity': '0'});
if(target.id === paths[i]) {
var chosenPath = paths[i];
$('.plan_frame_center').load(links_sect_2[i] + ' .floor_map');
history.pushState('', '', links_sect_2[i]);
}
}
$('#'+chosenPath).css({'opacity': '1'});
$('#'+chosenPath).addClass('active_map');
$('#'+chosenPath).attr({'opacity': '1'});
})
проблема в том, что path, начиная со второго внутри не реагирует на мои действия в js. Точнее в консоли показывает, что присваивается класс, меняется свойство и т.п. но в самом дереве в инспекторе нет никаких изменений
И вообще, я не могу повесить обработчик на svg? Делал дерегирование на теги svg или g - ноль реакции
Проверял с помощью события, повешенного на весь документ, так все нормально. Не понимаю, в чем беда
