点击 IE11 后 jQuery UI Tooltip 不会关闭答案

【问题标题】：jQuery UI Tooltip won't close after click on IE11点击 IE11 后 jQuery UI Tooltip 不会关闭
【发布时间】：2015-07-14 08:10:29
【问题描述】：

我有以下代码：

<a class="btnDelete" href="linkHere" onclick="OpenDialog(this); return false;" title="Delete">Delete</a>

function OpenDialog()
{
    $("#dialog-item-could-not-be-deleted").dialog({
        modal: true,
        title: 'Delete',
        zIndex: 10000,
        autoOpen: true,
        width: 'auto',
        resizable: false,
        closeText: 'Close',
        buttons: {
            OK: function ()
            {
                $(this).dialog("close");
                $('.btnDelete').tooltip("close");
            }
        },
        close: function (event, ui)
        {
            $(this).hide();
            $('.btnDelete').tooltip("close");
        }
    });
}

上面的代码并不完整，但这不是重点。

这个想法是，在 Firefox 上，工具提示会在我调用 $('.btnDelete').tooltip("close"); 后关闭。在 IE 上没有。

我查看了调试器，显然它在对话框关闭时创建了另一个工具提示实例。

在 IE 上看起来像这样：

我不知道如何阻止这种情况。

tooltips的创建代码是这样的：

$('.btnDelete').tooltip().click(function ()
{
    $(this).tooltip("close");
});

【问题讨论】：

标签： jquery jquery-ui internet-explorer tooltip jquery-ui-dialog

【解决方案1】：

我找到了解决办法：tabindex = -1

<a tabindex="-1" title="Delete" class="btnDelete" onclick="OpenDialog(this, true); return false;" href=".../Delete/43">Delete</a>

【讨论】：