我在最新的 Safari 8.0 上有一个带有 Bootstrap 工具提示(仅)的奇怪案例。
我有一个表格,我必须在每个输入上显示一个工具提示(请不要问为什么)。
这是一个jsfiddle示例
`http://jsfiddle.net/d61yuy8q/11/`
这是它在 Safari 8.0 中的外观
首先,我认为我们的 css 可能会导致一些问题,所以我将其剥离为纯 Bootstrap 类。然后我想也许我应该将这些工具提示从输入移到包装输入的 div 中,但这也没有帮助。
最后,我删除了所有包装器,只留下了输入,但这也没有帮助。
我的疯狂猜测是,如果 2 个相同的元素之间没有空格,新的 Safari 将无法识别 mouseleave Action 。
有没有人能想到任何解决方法?
最佳答案
您可以通过添加手动触发器(例如 @play2web 用于弹出框)并在显示新提示之前删除任何工具提示来修复它,如下所示:
var showTooltip = function() {
$('.tooltip').remove(); // This line removes any currently showing tootltips
$(this).tooltip('show');
};
var hideTooltip = function() {
$(this).tooltip('hide');
};
$("[data-rel='tooltip']").tooltip({
trigger: 'manual'
}).focus(showTooltip).hover(showTooltip, hideTooltip);
缺点是你不能使用
delay
功能了。
关于macos - Bootstrap 工具提示不会隐藏在最新的 Safari 8.0 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26994361/