javascript - 在显示模态对话框的按钮上设置的工具提示在关闭对话框后重新出现

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

我 fork 了你的 JSFiddle 并得到了 a working demo你可以看看。

希望对您有所帮助!