Как расположить div рядом с объектом svg?

Question

[Кирилл]

Всем привет! подскажите плизь как решить проблемку, есть объекты которые выводятся на карте svg по координатам x и y, требуется рядом расположить контейнер с position:absolute; собственно проблема что svg не имеют css координат и .offset() .position() не применить и если задаю своему контейнеру top, left при масштабировании соответственно он уезжает, есть возможность задать объекту и контейнеру совпадающие класс или ID для связи, но с помощью чего их прилепить к друг другу?

Comments

[alvvi]

при масштабировании соответственно он уезжает

А как заданы размеры этого div-a и его позиционирование? Если они заданы в %, то ничего уезжать не должно.

[Кирилл]

Илья Ростопка, блинн как просто)) спасибо! а я уже через tooltipы начал мутить но там столько лишнего кода из за ерунды

[Кирилл]

все таки требуется решение через jquery не подскажите как заставить этот код выводить содержимое не у div по которому click сделали а у другого с нужным id?

$(function () {
      $('.real-show-hint').once().on( 'click', function(e) { 
        e = e || window.event;
        e.preventDefault();
        var ypos = $(this).offset().top-270;
        var xpos = $(this).offset().left+150;
        var RealHint =  $(this).data('hint');
        $(RealHint).css('top',ypos);
        $(RealHint).css('left',xpos);
        $(RealHint).toggle('fast'); 
        return; 
        });
    });

он сейчас выводит там только у того объекта по которому щелкаешь