Всплывающие подсказки jQuery Tools не работают просто из-за внешнего div, имеющего позицию: относительный?

Question

Подсказка jQuery от стороннего производителя: Подсказки к инструментам jQuery: всплывающие подсказки сделаны правильно .Может ли он сломаться, просто имея внешний div с position: relative?

Этот работает: http://www.topics2look.com/code-examples/jquery-tools-tooltip-bug/this-works.html

Просто добавив position: relative к внешнему div (тот, что с синей рамкой), и всплывающая подсказка становится неуместной (на любую величину, которую выталкивает заголовок div): http://www.topics2look.com/code-examples/jquery-tools-tooltip-bug/with-relative-position-it-does-not-work.html

Качество стороннего открытого исходного кода.

Есть ли у любого гуру jQueryисправить быстро?Требование состоит в том, что внешний div должен иметь position: relative или position: absolute по той или иной причине.Я думаю, что причина этого заключается в том, что jQuery Tools Tooltip использует position: absolute для позиционирования подсказки, но не зная, что absolute на самом деле относительно «ближайшего предка, который позиционирован », какCSS спецификация говорит.Так что это просто, просто случай.

Answer 1

Попробуйте использовать свойство relative (третий снизу).

$('#main-content').tooltip({
    bounce: false,
    relative: true, // <-- Adding this should sort you out
    slideOffset: 5,
    effect: 'slide',
    direction: 'down',
    slideInSpeed: 300,
    slideOutSpeed: 200,
    position: 'bottom center'
});