点击IE11后，jQuery UI Tooltip不会关闭

Question

我有以下代码：

<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");
        }
    });
}

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

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

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

在IE上，它会像这样：

我不知道如何阻止它。

工具提示的创建代码是：

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

Answer 1

我找到了解决方案：tabindex = -1

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