2

我在我的页面上创建了一个简单的 bootstrap 2.3.2 弹出框，它在 Chrome 和 Firefox 上完美运行，但是对于 IE，弹出框样式显示不正确：

IE截图

这是我的代码：

<a href="#" id="pop" rel="popover">(ver detalle) </a>

<div id="popoverContent" class="hide">
  <p>110001</p>
</div>

Javascript：

    $("#pop").popover({
        content: $('#popoverContent').html(), 
        title: "Detalle"
    });
4

2 回答 2

1

问题是 Internet Explorer 以兼容性视图模式运行页面，默认情况下为 Intranet 网站启用该模式。我通过按 Alt 键显示菜单栏并转到工具>兼容性视图设置并取消选中“在兼容性视图中显示 Intranet 站点”来解决它。

于 2013-09-03T03:32:54.050 回答
0

您有一个非常简单的修复，但如果您使用弹出框并填写标题，您应该确保您没有将其清空。我知道我们正在使用 bs 工具提示，并且我将弹出框用于一些 d3.js 的东西。好吧，在 Chrome 中，我得到了一个弹出框和工具提示，所以我清空了属性“title”。这导致 IE 在悬停时冻结。所以我必须检查它是否是 IE 而不是删除标题。这是一团糟，但是如果其他人遇到此问题，您将不会看到此问题的出现。

于 2014-05-13T22:35:35.590 回答