引導模態並不在IE工作，試圖對堆棧

Question

所有其他解決方案

我已經測試了這些解決方案已經： Modal not opening in IE

-I添加在我的網頁的Meta頭的邊緣，我試圖刪除jQuery的淡入淡出類但仍然沒有運氣，點擊上沒有任何反應。

-My Internet Explorer檢查控制檯不會顯示任何錯誤。

- 我想做一個codepen，但它不支持IE9！

我使用了最新的引導程序和jquery文件。

我在模擬器中的Mac和Internet Explorer 9上使用Virtual Box Windows 7。我也在別人的電腦上的實際窗口中嘗試過，併發生同樣的問題。

這裏是a link to the page我正在研究，最後的6張大圖片在底部（在博客上）使用模態。我需要它回到IE9。它在Firefox和Chrome中運行良好。

這裏是我的模態代碼：

   <!-- Modal Pop Up Window 1--> 
      <div class="modal fade" id="Modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
      <div class="modal-dialog" role="document"> 
      <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"> 

       <div class="flip-container" ontouchstart="this.classList.toggle('hover');"> 
        <div class="flipper"> 
         <div class="front"> 
          <img class="close_img" src="http://assets.newlook.com/testing/activewear/images/modal_close.jpg" alt="Close this pop up"> 
         </div> 
         <div class="back"> 
          <img class="close_img" src="http://assets.newlook.com/testing/activewear/images/modal_close.jpg" alt="Close this pop up"> 
         </div> 
        </div> 
       </div> 

      </span></button> 
      </div> 
      <div class="modal-body"> 
      <div class="col-xs-12 col-md-6"> 
       <img src="http://assets.newlook.com/testing/activewear/images/modal_img_1.jpg" alt="New look Lookbook" /> 
      </div> 
      <div class="col-xs-12 col-md-6"> 
       <h4 class="modal_title">Title here</h4> 
       <p class="modal_copy"> 
       Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore <span class="nowrap">magna aliqua.</span> 
       </p> 
       <div class="btn-cont"> 
       <a href="javascript:void(0)"><div class="btn"><span>CTA HERE</span></div></a> 
       </div> 
      </div> 
      </div> 
      <div class="modal-footer"> 
      </div> 
      </div> 
      </div> 
      </div> 
      <!--End of modal 1--> 

這裏是我的html點擊時應該打開模式：

  <div class="col-xs-12 col-sm-6 col-md-4"> 
    <div class="grid"> 
    <h3 class="overlay_title">How to gain <br/>More Muscle</h3> 
    <figure class="effect-jazz"> 
    <img id="last_cta_1" class="lazyload" src="http://assets.newlook.com/testing/activewear/images/last_cta_1.jpg" alt="Training"/> 
    <figcaption> 
    <!--<p>How and when<br/>to lift steel.</p>--> 
    <a href="javascript:void(0)" data-toggle="modal" data-target="#Modal1">View more</a> 
    </figcaption>   
    </figure> 
    </div> 
    </div> 

謝謝。

Answer 1

我找到了解決方案通過確保：

-I包裹着我的語氣段與一類容器的DIV。

-Making確保HTML模式是我的按鈕

-Making後直接確定我的屬性和類匹配的我在網上找到的模式的工作副本。

這是Internet Explorer的工作拷貝，我發現：

<div class="container"> 
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-1">Activate the button</button> 
    <div class="modal fade" id="modal-1"> 
     <div class="modal-dialog modal-lg"> 
      <div class="modal-content"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal">&times;</button> 
        <h3 class="modal-title">This is the heading</h3> 
       </div> 
       <div class="modal-body"> 
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at pharetra sapien. Nulla scelerisque ex eget ligula ornare, vel efficitur quam dictum. Proin malesuada posuere risus suscipit mattis. Suspendisse potenti. Donec et odio nibh. Praesent auctor erat at nunc gravida tincidunt. Ut facilisis, ex ultricies scelerisque aliquam, ex lectus fermentum urna, quis auctor eros ante non dui. 
       </div> 

       <div class="modal-footer"> 
        <a href="" class="btn btn-default" data-dismiss="modal">Close</a> 
        <a href="" class="btn btn-primary">Download</a> 
       </div> 
      </div> 
     </div> 
    </div> 
</div>