Javascript Prototype、jQuery和Bootstrap导致工具提示元素在鼠标离开时隐藏

我一直在使用Prototype、jQuery和Bootstrap进行一个项目。我们在UI中使用引导工具提示，通常在图标和文本上，如下所示：

<span class="glyphicon glyphicon-asterisk" data-toggle="tooltip" data-placement="bottom" title="Some tooltip"></span>

<span class="glyphicon glyphicon-asterisk" data-toggle="tooltip" data-placement="bottom" title="Another tooltip"></span>

<a href="#" data-toggle="tooltip" data-placement="bottom" title="Link tooltip">Link tooltip</a>

我使用jQuery的j别名，因为原型使用$prefix。这可以很好地工作，但只要您将鼠标从工具提示的元素中移动，它就会显示style=display:hidden；应用我无法做出任何合理的解释，所以我想知道是否有人有任何想法

---

使用以下技巧解决问题：

$('.tooltips').tooltip().on('hidden.bs.tooltip', function(){
     jQuery(this).show();
});

---

你可以使用display:block！在CSS文件中很重要。这样做，即使脚本告诉元素隐藏，也会强制元素显示。

确保在jQuery和jQuery.noConflict之前加载Prototype。他们必须按那个顺序。你们的小提琴有不同的顺序，但我对小提琴的了解还不够，不能肯定这是否有可能改变。如果我完全删除原型框架，你的小把戏就行了。看看我对另一个类似问题的回答。

$('.tooltips').tooltip().on('hidden.bs.tooltip', function(){
     jQuery(this).show();
});