莫代尔不能在IE中打开

我试图让模态弹出与地图上某些地方的信息。下面是代码：莫代尔不能在IE中打开

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

来源

2013-05-02 scalen121

其中IE版本 – 2013-05-02 03:43:29

我正在使用IE 10 – scalen121 2013-05-02 03:46:04

你能展示一个演示，比如在jsfiddle上或者链接到你自己的页面吗？ – 2013-05-02 06:29:32

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

来源

2013-05-02 22:54:34 scalen121

我试了一下，如果你添加data-target =“modal_starthere”，它适用于你所在地区的我 – zeyorama 2013-05-02 23:00:07

那么为什么他们的页面上的引导示例与淡入IE工作？ *编辑*：删除淡入淡出不做任何事情。 -1 – WtFudgE 2015-04-03 06:49:06

IE很伤心。但是你可以后<html>标签上添加标签

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

。这是可行的。你应该只包含bootstrap.min.js。这就够了。

来源

2013-08-19 06:56:12

我不得不调整它在IE9模式下运行之前运行; '' – keithl8041 2013-10-21 21:03:03

@ scalen121的答案为我工作（fade动画导致它中断）。然而，我有一个建议的代码修复问题..

如果你想删除仅用于IE浏览器的动画fade（它似乎不工作，即使在IE11），但留给其他浏览器，那么你可以添加片段：

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

注意的是，上述IE检查是不是一样做旧：$.browser.msie，它返回对IE11 undefined（与jQuery 1.8.3和1.7.2测试）。

来源

2014-01-03 12:25:24

请注意，这对Edge不起作用。 OP没有提到Edge，它可能在写作时还没有提供，但是这张笔记是面向未来的人的。 – 2016-11-23 23:08:23

这里是无需修改最初的引导布局和代码另一种解决方案：

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-18 06:17:08 seelts

可以包括代替去除褪色类transition.js文件。这适用于我在IE10中的淡入淡出效果

来源

2015-02-25 10:26:31 Sanera

莫代尔不能在IE中打开

回答

相关问题