부트 스트랩 모달의 3 모달이 보이지 않습니다.

Question

안녕하세요, 저는 부트 스트랩 v3.3.7을 사용하고 있습니다. 부트 스트랩 모달을 만들었으니 이제는 크롬과 사파리에서 제대로 작동하지만 모질라에서는 작동하지 않습니다. 모질라에서 모달 버튼을 누르면 아무 일도 일어나지 않습니다.

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

는 모질라에서 작동하지 않습니다 : 내 HTML에서 모달 않고 또한 내 모달에 사용 ""태그와

또한

<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> 

내 버튼이 내 코드입니다.

Answer 1

button 태그 안에 앵커 태그 a을 삽입하는 것은 잘못되었습니다. 앵커 태그를 사용하면 모든 것이 잘 작동합니다.

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