17

我正在尝试使模态框弹出有关地图上某些地方的信息。这是代码：

<area href="#modal_starthere" data-toggle="modal" title="Start Here" shape="poly" coords="431, 785, 500, 785, 501, 839, 432, 838" />

然后后来：

<div id="modal_starthere" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4>Start Tour Here</h4>
    </div>  
    <div class="modal-body">
        <div class="row-fluid">
            <div class="span12" style="overflow: auto; height: 425px;">
                <p> <!-- FUTURE CONTENT --></p>
            </div>
        </div>
    </div>
</div>

它在 Firefox 和 Chrome 中运行良好，但在 IE (10) 中，背景变为灰色，但模式不显示。有任何想法吗？我想知道 IE 是否不支持数据切换。

4

6 回答 6

20

IE 不支持模式的“淡入淡出”类，通过去掉淡入淡出我失去了动画，但模式现在在所有 3 个浏览器中显示。我在这里找到了答案：https ://github.com/twitter/bootstrap/issues/3672

于 2013-05-02T22:54:34.183 回答
14

@scalen121 的答案对我有用（fade动画导致它中断）。但是，我对建议的代码修复有疑问..

如果您只想fade为 IE 删除动画（即使在 IE11 上似乎也不起作用）但将其留给其他浏览器，那么您可以添加代码段：

$(function () {
    var isIE = window.ActiveXObject || "ActiveXObject" in window;
    if (isIE) {
        $('.modal').removeClass('fade');
    }
});

请注意，上面的 IE 检查与旧的： 不同$.browser.msie，后者undefined在 IE11 上返回（使用 jQuery 1.8.3 和 1.7.2 测试）。

于 2014-01-03T12:25:24.237 回答
4

IE好伤心。但是你可以添加标签

<meta http-equiv="X-UA-Compatible" content="IE=edge">

在<html>标签之后。它会起作用的。你应该只包含 bootstrap.min.js。够了。

于 2013-08-19T06:56:12.620 回答
2

我今天也遇到了同样的问题。在删除淡入淡出类之后甚至对我不起作用。因此，我进一步检查并在那里发现了一个问题。引导程序无法element.style{display:block;padding-right:12px;}在 IE 中添加（此处元素表示 .modal）。添加以下CSS后效果很好：

.modal-open .modal {
  display: block;
}

注意：我不需要删除fade课程。并且动画也运行良好。

于 2018-07-11T08:23:36.267 回答
1

这是另一个不修改初始引导布局和代码的解决方案： 

var $modalWrapper = $('#modalWrapper');
$modalWrapper.on('show.bs.modal', function () {
    $modalWrapper.toggleClass('in', true);
});
$modalWrapper.on('hidden.bs.modal', function () {
    $('.modal-backdrop.fade').remove();
});
于 2014-09-18T06:17:08.027 回答
1

您可以包含 transition.js 文件而不是删除淡入淡出类。这对我来说很好，在 IE10 中具有淡入淡出效果

于 2015-02-25T10:26:31.453 回答