我们客户的应用程序在Bootstrap 2.3.2上运行,并且由于与一些旧插件的兼容性,仍然是jQuery 1.8.3。
该应用程序是一个包含文件夹和网格视图的媒体文件管理器。我们有一个文件管理器模式,可以在每个文件夹内打开。在模态中,您将看到文件夹中所有文件的列表,以及每个文件的控件(移动,重命名等)。控件由图标表示,因此为了清楚起见,我们还希望在用户将鼠标悬停在图标上时添加Bootstrap工具提示。
模态有以下jQuery代码绑定它 - 我们想在关闭模式时(之后)重新加载页面以显示当前文件夹中文件的任何更改:
// Listen for close event on file manager modal
$('#modal-manage-files').on('hide',function() {
location.reload();
});
我们已使用以下代码将工具提示添加到模态中的控件图标...
$('.file-actions i.fa').tooltip({
animation: false
});
...或此代码(它们都不起作用):
$('.file-actions i.fa')
.tooltip({ trigger: 'manual', animation: 'false' })
.on({
mouseenter: function(e) {
e.stopPropagation();
$(this).tooltip('show');
},
mouseleave: function(e) {
e.stopPropagation();
$(this).tooltip('hide');
}
});
工具提示正确显示,但是当我将光标从其中一个图标移开时(显然会触发工具提示上的“隐藏”事件),模态“隐藏”事件也会触发,我们的页面重新加载!
我还在调查我们的代码中是否还有其他东西在干扰这里,但是想把它放在这里,看看你们中的任何一位SO工匠是否会发现我错过的东西。