macos – Bootstrap工具提示不会隐藏在最新的Safari 8.0中

发布时间：2020-12-18 00:05:22 所属栏目：安全来源：网络整理

导读：我在最新的Safari 8.0上使用Bootstrap工具提示(仅限)这个奇怪的情况. 我有一个表格,我必须在每个输入上显示工具提示(请不要问为什么). 这是一个jsfiddle的例子 `http://jsfiddle.net/d61yuy8q/11/` 以下是它在Safari 8.0中的外观首先我认为我们的CSS可能会

我在最新的Safari 8.0上使用Bootstrap工具提示(仅限)这个奇怪的情况.
我有一个表格,我必须在每个输入上显示工具提示(请不要问为什么).

这是一个jsfiddle的例子

`http://jsfiddle.net/d61yuy8q/11/`

以下是它在Safari 8.0中的外观

首先我认为我们的CSS可能会导致一些问题,所以我把它剥离到纯引导类.然后我想也许我应该将那些工具提示从输入移动到包装输入的div,但这也没有帮助.

最后我删除了所有包装器,只留下了输入,但也没有帮助.

我的猜测是,如果两个相同的元素之间没有空格,则新的Safari无法识别mouseleave操作.

有没有人能想到任何解决方法呢？

解决方法

您可以通过添加手动触发器(如@ 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);

缺点是你不能再使用延迟功能了.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!