jQuery Tools Tooltips不能簡單地通過具有position的外部div來工作：relative？

Question

第三方jQuery工具提示是jQuery Tools Tooltips: ToolTips Done Right。可以通過使用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 property（從底部開始第三個）。

$('#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' 
});