jquery - Bootstrap 工具提示在 IE-8 到 IE-11 的页面滚动时未关闭

标签 jquery html css internet-explorer twitter-bootstrap-3

我在 IE-8 到 IE-11 中遇到这个问题。

  1. 在启用工具提示的情况下悬停标签(等)
  2. 现在用鼠标滚动页面而不移动鼠标。
  3. 注意:工具提示不会关闭(IE-8 到 IE-11)。

当我向下滚动并到达第二个带有工具提示的标签时,我让所有标签都带有工具提示,它仍然显示以前的标签工具提示而不是新的。这个问题很小,但我正在努力解决之前是否有人解决过这个问题? 它在 Firefox、Chrome 和其他常见浏览器中运行良好。

发表于 GitHub

Issue can be observed on bootstrap website as well.

最佳答案

所以我做了一些测试,在 Chrome 上也出现了这个问题。直到您单击工具提示,Chrome 才可以工作,而 IE 不能。

深入研究这个问题,当您滚动时,这两种浏览器似乎都无法识别 mousemove 事件。因此,如果您将鼠标悬停在任一浏览器中,然后向下或向上滚动,工具提示将保留。当您在 Chrome 中单击工具提示时,滚动将触发鼠标事件,这似乎是触发鼠标移出/鼠标输入的原因。在 IE 中,它不添加滚动鼠标触发器。这实际上可能不是浏览器问题,而是 Bootstrap 处理何时添加额外的“滚动也是鼠标移动”触发器的方式。

要自己测试,请尝试在控制台中为 bootstraps website/tooltip.js 添加鼠标移动事件

$(document).mousemove(function(event) {console.log(event);});

移动鼠标应该会触发控制台中的事件。如果您将鼠标悬停在工具提示上并滚动离开,它仍会停留在上面。然后,单击工具提示并注意滚动现在将在 Chrome 中触发相同的鼠标事件,而不是在 IE 中。

关于jquery - Bootstrap 工具提示在 IE-8 到 IE-11 的页面滚动时未关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24881513/

相关文章:

jQuery - 如何循环函数?

html - ionic : Floating Menu

javascript - jquery.scroll显示:none; not working

javascript - 当我执行 loc.innerHTML = xhr.responseText 时,为什么浏览器会自动将我的responseText 用双引号引起来?

javascript - 有没有办法确定浏览器窗口是弹出窗口,还是只是使用目标 ="_blank"的新窗口?

javascript - 检测我网站上的用户不活动

javascript - 您可以使用 Javascript 动态地将事件监听器添加到 for 循环中的变量吗

javascript - 从 contentEditable div 中删除格式

css - IE 10 在本地使用@font-face,但在从服务器查看页面时不起作用

php - 为什么元素显示在我的 <body> 而不是 <head>