莫代爾不能在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中打開

回答

相關問題