莫代爾沒有在IE 11上打開

所以我有一個模式來顯示一些內容給用戶。它適用於所有瀏覽器，但不適用於IE 11及其更低版本。莫代爾沒有在IE 11上打開

這是哪個模式的文本打開的樣子：

<a class="btn btn-link open-modal" href="#">Have a question?</a>

當我進一步檢查，其中模式的內容定義是這樣的代碼：

<div tabindex="-1" class="modal fade contact-admin" id="contact-admin" role="dialog" aria-labelledby="mySmallModalLabel"> 
    <div class="modal-dialog modal-sm" role="document"> 
     <div class="modal-content"> 
     <div class="modal-body"> 
      <span class="text-center"><strong>Please contact the admin via email</strong></span> <br><br> 
      <address> 
       <strong>Name:</strong> Mr Saxena <br> 
       <strong>Email:</strong> [email protected] 
      </address> 
     </div> 
      <div class="modal-footer"> 
      <button class="btn btn-default no" type="button" data-dismiss="modal">Close</button> 
     </div> 
     </div> 
    </div> 
</div>

一對一些地方的一些研究表明，IE不喜歡淡化類。所以我嘗試刪除它，但沒有帶來任何改變。

任何人誰可以幫助這一點請

來源

2017-02-11 Diwesh Saxena

對我來說是可以正常使用：https://jsfiddle.net/9cwa5x1c/1/ –

@亞歷-IonutMihai：謝謝對於小提琴，我發現你會將一個點擊事件與它聯繫起來。然而在我的代碼中，我沒有看到它 –

您沒有設置任何data-attributes調用模式：href="#contact-admin" data-toggle="modal"

您的href應該是這個樣子。

<a class="btn btn-link open-modal" href="#" data-toggle="modal" data-target="#contact-admin">Have a question?</a>

工作實例：

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 

 
<a class="btn btn-link open-modal" href="#contact-admin" data-toggle="modal">Have a question?</a> 
 

 
<div tabindex="-1" class="modal fade contact-admin" id="contact-admin" role="dialog" aria-labelledby="mySmallModalLabel"> 
 
    <div class="modal-dialog modal-sm" role="document"> 
 
    <div class="modal-content"> 
 
     <div class="modal-body"> 
 
     <span class="text-center"><strong>Please contact the admin via email</strong></span> 
 
     <br> 
 
     <br> 
 
     <address> 
 
      <strong>Name:</strong> Mr Saxena <br> 
 
      <strong>Email:</strong> [email protected] 
 
     </address> 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button class="btn btn-default no" type="button" data-dismiss="modal">Close</button> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

來源

2017-02-11 15:43:48 vanburen

莫代爾沒有在IE 11上打開

回答

相關問題