关闭对话框后,显示模式对话框的按钮上的工具提示重新出现

问题描述:

问题描述出现在标题中 - 当关闭模式对话框时,工具提示会重新出现。关闭对话框后,显示模式对话框的按钮上的工具提示重新出现

<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/

的问题是,当模式被关闭的按钮获得焦点。为了解决再次显示模式关闭后,你可以限制触发提示的悬停,像这样的提示:

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

我叉你的jsfiddle并有a working demo你可以看看。

希望有帮助!

+0

太棒了!它似乎在工作。我很好奇,是否有可能不关注模式关闭按钮? – ibiza 2014-09-05 05:58:39

+2

我确定可以不对焦按钮,但你必须追查是什么导致焦点。有模态的事件显示和隐藏,你可以挂钩,可能有助于这一点。您可以[查看可用事件的文档](http://getbootstrap.com/javascript/#modals-usage)。 – jasonmerino 2014-09-05 06:02:05

+0

好的,谢谢:)我相信我不是一个经验丰富的JavaScript检查框架的代码..! – ibiza 2014-09-05 06:03:24