Положение всплывающей подсказки на длинном текстовом триггере

Question

Использование tipsy.js для моих подсказок. Работает нормально, когда триггер занимает только 1 строку текста, но если более длинный триггер переносится на следующую строку, он просто центрирует всплывающую подсказку в этой области содержимого. Любая помощь в правильном расположении будет принята с благодарностью. Спасибо! Богатые

Answer 1

Просто бросить мое полотенце. Согласно документации tipsy.js, вы можете создать gravity вариант для позиционирования tip как это:

$('#foo').tipsy({gravity: 'n'}); // nw | n | ne | w | e | sw | s | se

Вы также можете установить его по умолчанию Север / Юг - NS (или) Запад / Восток - WE:

Начиная с версии 0.1.3, можно использовать функцию обратного вызова для динамической установки силы тяжести во время наведения. В обратном вызове это относится к активному элементу, и функция должна возвращать вычисленную силу тяжести в виде строки. Предоставляются два демонстрационных обратных вызова - $.fn.tipsy.autoNS и $.fn.tipsy.autoWE - которые выбирают гравитацию север / юг и запад / восток соответственно.

Вот как вы можете это сделать:

$('#foo').tipsy({gravity: $.fn.tipsy.autoNS}); //or $.fn.tipsy.autoWE 

Надеюсь это поможет.

РЕДАКТИРОВАТЬ В зависимости от того, что вам нужно, этот вопрос будет соответствовать вашим потребностям. Вопрос заключался в том, как заставить наконечник следовать за мышью, и, следовательно, расположить его над навесным содержимым.

Вот ваше обновленное демо: http://jsfiddle.net/Tq3gD/3/

Это включает незначительное изменение в коде плагина (я также добавил это к вашей скрипке) - теперь появилась новая опция под названием follow который может быть установлен на x или же y,

Но учтите, что вы можете сделать только это, чтобы настроить этот плагин. для большей функциональности, я рекомендую использовать что-то в этом списке.