Twitter bootstrap 只允许twitter引导工具提示的一个实例

这是否可能限制twitter引导的工具提示仅显示一个实例？ 例如：

$（'.d1'）。工具提示（{延迟：{show:1500，hide:0}，html:true，容器：'.content'}）；
$（'.d2'）。工具提示（{delay:{show:1500，hide:0}，html:true，容器：'.content'}）；
$（'.d3'）。工具提示（{延迟：{show:1500，hide:0}，html:true，容器：'.content'}）；

---

问题是，在div d3的鼠标上方会显示所有工具提示。有没有办法阻止其他工具提示显示？

我相信您希望阻止显示事件将DOM冒泡到其他div。 看看这是否有效：

$('.d3').tooltip({delay: {show: 1500, hide: 0}, html: true, container: '.content'}).on('show', function(e) {
    e.stopPropagation();
});

---

我胡乱摆弄了一个可能的变通办法。 通过定义一个新的“单独的工具提示”，用户可以通过隐藏所有其他工具提示来实现子元素的工具提示

这是通过使用引导程序的“show.bs.tooltip”实现的，而不是“show.bs.tooltip”

演示

---

“显示”或“显示.bs.tooltip”？没有起作用。。。有两种情况：1。当鼠标移动很快时，在d3（和停止）上的鼠标上的工具提示仍然可见（延迟），但过了一会儿，所有的工具提示都会一个接一个地显示出来。2.鼠标移动非常缓慢，因此当鼠标移动到d1上方时，会显示第一个工具提示，然后从d1->d2移动鼠标时，会在延迟后显示下一个工具提示，但第一个工具提示不会消失。然后在d3上方移动时，第三个工具提示显示，但其他两个工具提示不隐藏；在这两种情况下，只有d3的工具提示应该是可见的。。。

$('.d3').tooltip({delay: {show: 1500, hide: 0}, html: true, container: '.content'}).on('show', function(e) {
    e.stopPropagation();
});

$('[data-toggle="tooltip"]').tooltip({
    container:'body',
})
$('[data-toggle="lone-tooltip"]').tooltip({
    container:'body'
})

$('[data-toggle="lone-tooltip"]').on('shown.bs.tooltip',function(e){
    $('[data-toggle="tooltip"]').not(this).tooltip('hide');
});