模式在 IE 中无法打开 [英] Modal not opening in IE

问题描述

我正在尝试让模态框弹出有关地图上某些地点的信息.代码如下:

I'm trying to make modals pop up with info about certain places on a map. Here is the code:

<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中是否不支持数据切换.

It works great in Firefox and Chrome, but in IE (10) the background goes grey but the modal does not display. Any ideas? I wonder if maybe data-toggle isn't supported in IE.

推荐答案

IE不支持modals的fade"类，去掉fade我失去了动画，但是modal现在3个浏览器都显示了.我在这里找到了答案:https://github.com/twitter/bootstrap/issues/3672

IE does not support the "fade" class for modals, by taking out fade i lost the animation, but the modal displays in all 3 browsers now. I found the answer here: https://github.com/twitter/bootstrap/issues/3672

这篇关于模式在 IE 中无法打开的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！