Question

第三方jQuery工具提示为jQuery Tools Tooltips: ToolTips Done Right。仅仅通过使用position: relative的外部div来打破它吗？

这个有效： 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工具工具提示使用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'
});

jQuery工具工具提示不能简单地通过具有position：relative的外部div工作？

1 个答案: