关闭对话框后,显示模式对话框的按钮上的工具提示重新出现
问题描述:
问题描述出现在标题中 - 当关闭模式对话框时,工具提示会重新出现。关闭对话框后,显示模式对话框的按钮上的工具提示重新出现
<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你可以看看。
希望有帮助!
太棒了!它似乎在工作。我很好奇,是否有可能不关注模式关闭按钮? – ibiza 2014-09-05 05:58:39
我确定可以不对焦按钮,但你必须追查是什么导致焦点。有模态的事件显示和隐藏,你可以挂钩,可能有助于这一点。您可以[查看可用事件的文档](http://getbootstrap.com/javascript/#modals-usage)。 – jasonmerino 2014-09-05 06:02:05
好的,谢谢:)我相信我不是一个经验丰富的JavaScript检查框架的代码..! – ibiza 2014-09-05 06:03:24