Bootstrap 3 Modal在Mozilla中沒有顯示

嘿，我使用bootstrap v3.3.7，我做了引導模式現在一切工作正常鉻和safari，但由於某種原因，它不適用於Mozilla。當我在Mozilla中按下模式按鈕時沒有任何反應。這是我的代碼：Bootstrap 3 Modal在Mozilla中沒有顯示

<button type="button" class="btn btn-lg accountBtn"> 
    <a href="#modal1" data-toggle="modal">Account details</a> 
</button> 

<div class="modal fade" id="modal1" role="dialog" style="display: none;"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header text-center"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
        <span aria-hidden="true">&times;</span> 
       </button> 
       <h2>Header h2</h2> 
       <h3>Header h3</h3> 
       <ul class="characteristicsList"> 
        Characteristics: 
        <li><img src="images/modal1.png" alt="">Property: </li> 
        <li><img src="images/modal2.png" alt="">Property: </li> 
        <li><img src="images/modal3.png" alt="">Property: </li> 
       </ul> 
       <button type="button" class="btn btn-lg buyBtn"> 
        <a href="myPaypalLink" target="_blank">Buy Now X$</a> 
       </button> 
      </div> 
     </div> 
    </div> 
</div>

而且我與「一」的標籤，我在我的模式我在HTML中使用，也沒有模式按鈕：

<button type="button" class="btn btn-lg buyBtn"> 
    <a href="myPaypalLink" target="_blank">Buy Now X$</a> 
</button>

並不在Mozilla工作。

來源

2016-12-27 Zvezdas1989

將一個錨標記a置於button標記內是錯誤的。只需使用錨標籤，一切都會正常工作。

<a href="#modal1" data-toggle="modal" type="button" class="btn btn-lg accountBtn"> 
    Account details 
</a>

來源

2016-12-27 00:56:09

謝謝你的工作很好，我可以問問爲什麼這是一個在Mozilla中的問題，但在Chrome中工作良好？ – Zvezdas1989

我不太確定，但我認爲每個瀏覽器實現'html'標準的方式不同。所以，其中一些會非常嚴格，而其他一些則會盡可能地實現您的代碼 –

Bootstrap 3 Modal在Mozilla中沒有顯示

回答

相關問題