3

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

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

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

// 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 工匠是否会发现我错过的东西。

4

0 回答 0