我在最新的Safari 8.0上使用Bootstrap工具提示(仅)遇到这种奇怪的情况。
我有一个表格,我必须在每个输入上显示一个工具提示(请不要问为什么)。
这是一个jsfiddle示例
`http://jsfiddle.net/d61yuy8q/11/`
这是Safari 8.0中的外观
首先,我认为我们的CSS可能会引起一些问题,因此我将其简化为纯自举类。然后,我想也许我应该将那些工具提示从输入移动到包装输入的div上,但这也无济于事。
最后,我删除了所有包装,只保留了输入内容,但这也无济于事。
我的疯狂猜测是,如果两个相同的元素之间没有空格,则新的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/