Question

我正在使用JQuery 2.1.4和Bootstrap 3.3.5在元素上创建工具提示。它很有效，直到通过JavaScript更新工具提示。

工具提示的文本更新后，工具提示的位置会发生变化，很难显示（将鼠标悬停在目标元素的最底部）。

我更改了工具提示文字：

$("#unsavedChanges").
                attr('title', "Changed Tooltip.  Extra annoying when it's kinda long like this one here.").
                tooltip('setContent').tooltip('fixTitle');;

我也尝试添加data-container =“body”，但由于此特定元素为“position：fixed”，因此工具提示不再附加到元素上，并在使用鼠标滚轮滚动时独立移动。

这是一个小提琴（红色元素是有问题的元素）：https://jsfiddle.net/5dpzaqgo/

知道造成这种情况的原因以及如何避免它？

Answer 1

似乎问题只是角落里没有足够的空间来显示工具提示。如果您更改了left:100px上的div.style-switcher-btn-3，则会解决该问题。

您可以查看JSFIDDLE中的工作示例。我知道您可能不希望您的按钮组距离左角100px，但您会看到此示例的问题。当您使用data-placement="bottom"在元素底部显示工具提示时，它也有效。

更新后Bootstrap Tooltip对齐问题？

1 个答案: