Question

请告诉我如何停止Bootstrap Tooltip在悬停时做任何事情就像消失一样？如果您看一下jsfiddle中的以下示例，我会在div中显示一个位于其中的工具提示。它工作正常，但当我将鼠标悬停在工具提示上时，工具提示消失了！

请告诉我如何强制工具提示停止这样做？我的意思是保持开启，直到用户将鼠标移出div（井）。我还创建了用于测试的绿色框，正如您所看到的那样，当您将鼠标悬停在绿色区域上时，工具提示会消失。所以我假设工具提示也表现得像这个盒子。

这是我的代码

<div class="container">
  <div class="well well-large tooler"></div>
  <div class="well well-small span3 test"></div>
</div>

和js：

$('.tooler').tooltip({title:'Test SVG Centering', container:'.well', placement: 'top'});

Answer 1

从工具提示的bootstrap文档中，container选项

Appends the tooltip to a specific element

但根据您的代码示例，container:'.well'未映射到一个特定的元素，因为您的html中有多个.well元素。

如果我正确理解您的问题，只需删除container的声明就足以消除您发现的错误悬停。

这是一个有效的例子。

$('.tooler').tooltip({
    title:'Test SVG Centering', 
    container:'.tooler', 
    placement: 'top'
});