Jquery Bootstrap.tooltip（）'；隐藏&x27；不管stopPropagation（）如何，事件都会冒泡

我们客户的应用程序是在Bootstrap 2.3.2上运行的，由于与一些旧插件的兼容性，jQuery 1.8.3仍在运行

该应用程序是一个带有文件夹和网格视图的媒体文件管理器。我们有一个文件管理器模式，可以在每个文件夹中打开。在模式中，您将看到文件夹中所有文件的列表，以及每个文件的控件（移动、重命名等）。控件由图标表示，因此为了清晰起见，我们还希望在用户悬停在图标上时添加引导工具提示

模式具有以下jQuery代码–我们希望在关闭模式时（之后）重新加载页面，以显示对当前文件夹中文件的任何更改：

// Listen for close event on file manager modal
$('#modal-manage-files').on('hide',function() {
    location.reload();
});

我们使用以下代码将工具提示添加到模式中的控件图标中

$('.file-actions i.fa').tooltip({
    animation: false
});

。。。或此代码（两者都不起作用）：

工具提示正确显示，但是当我将光标移离其中一个图标（这显然会触发工具提示上的“隐藏”事件）时，模式“隐藏”事件也会触发，我们的页面会重新加载

---

我仍在调查我们的代码中是否存在其他干扰，但我想把它放在这里，看看SO的技术人员是否能发现我遗漏的东西。

你认为你能提供一个Plunkr、JSFIDLE来说明这个问题吗？谢谢

$('.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');
        }
});