我在最新的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/

10-09 16:12
查看更多