Question

问题描述在标题中 - 当我关闭模态对话框时，工具提示会重新出现。

<script type="text/javascript">
    $(function () {
        $('[data-tooltip="tooltip"]').tooltip();
    });
</script>

<button type="button" class="btn btn-default" data-toggle="modal" data-target="#divModal" data-tooltip="tooltip" title="Tooltip!">
    <span class="glyphicon glyphicon-globe"></span>
</button>

看到它发生在这里： http://jsfiddle.net/2gdrL6sf/

Answer 1

问题是当模态关闭时按钮正在获得焦点。要在模态关闭后再次显示工具提示，您可以将工具提示触发器限制为悬停，如下所示：

$(function () {
    $('[data-tooltip="tooltip"]').tooltip({
        trigger: 'hover'
    });
});

我分叉了你的JSFiddle，你可以查看a working demo。

希望有所帮助！

Answer 2

在按钮点击处理程序中，添加一个模糊调用来移除焦点。

$('#myButton').click(function() {
    $(this).blur();
    $('#myDialog').dialog('open');
});

按钮需要有焦点并在未点击时显示工具提示，以便辅助技术发挥作用。无法使用鼠标的人可能需要在按钮之间切换。将工具提示设置为仅在悬停时触发会移除该功能。

关闭对话框后，在显示模式对话框的按钮上设置的工具提示将重新出现

2 个答案: