2014-09-15 4 views
0

Я использую JointJS и, в частности, Org Demo. Моя цель - показать всплывающую подсказку ниже прямоугольника, но поскольку это SVG-формы, и их координаты сдвинуты с помощью команд преобразования и перевода, моя подсказка всегда отображается слева от базовой области (самое левое положение одной и той же высоты). Я также должен изменить пользовательский интерфейс tootltip, но я не знаю, как передать этот параметр. Я видел что-то вроде этогоJQuery UI Перемещение с помощью SVG-преобразования

$(document,"selector").tooltip({position: { 
        my: "center", 
        at: "right+200", 
        track: false, 
        using: function(position, feedback) { 
         $(this).css(position);     
        } 
       } 
      }); 

все же этот образец использует общий метод для смещения всех всплывающих подсказок одинаково. Мне нужно сдвинуть каждую подсказку в соответствии с преобразованием.

Как сместить каждую подсказку в соответствии с заданной координатой или смещением?

Заранее спасибо

+0

'$ ('элемент ') на (' MouseEnter', функция (событие) {console.log ($ (event.currentTarget) .attr ('transform'))}); 'будет печатать значения преобразования –

+0

Я генерирую код для преобразования вручную, т. е. я переопределял фактическую реализацию, а my gets ширины и высоты в качестве дополнительных параметров. Мой вопрос: я вынужден жестко закодировать эти значения для каждого из них? Могу ли я использовать это значение в качестве параметра для функции всплывающей подсказки? Пример кода: var lisa = member (550, 200, 'VP Production', 'Lisa Simpson', 'member4.png', '# 2ECC71', '# 008e09', 180, 70); –

+0

Другими словами, в приведенном выше примере мы имеем: «right + 200», в котором 200 должно быть заменено преобразованным значением X. –

ответ

0

я решил свою проблему с помощью qtip2 и настройки всплывающей подсказки, чтобы следовать за указателем мыши:.

$('[title]').qtip({ 
     position: { 
      target: 'mouse' 
     } 
}); 
Смежные вопросы