更新后引导工具提示对齐问题？

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

问题似乎只是角落中没有足够的空间来显示工具提示。如果您在div.style-switcher-btn-3 上更改left:100px，它将得到解决。

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