Bootstrap Modal在iOS中無法正常工作

Question

我遇到了bootstrap模式在Safari和iOS上不能正常運行的問題。我已經閱讀了堆棧溢出中的類似問題，但在圖像中找不到使用Modals的問題。有人可以提供一些見解和幫助嗎？

<img alt="therapist" class="img-circle" data-target="#linda" data-toggle="modal" src="img/team/linda.png"> // modal opens when image is clicked 
<h3 class="team--name" data-target="#linda" data-toggle="modal">Linda</h3> 
<!-- Modal --> 
<div aria-labelledby="myModalLabel" class="modal fade" id="linda" role="dialog" tabindex="-1"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button> 
       <h2 class="modal-title team--name" id="myModalLabel">Linda</h2> 
       <h4 class="team--name">CAMTC</h4> 
      </div> 
      <div class="modal-body"> 
       <p>Linda brings compassion, positive energy and balance into her clients' lives</p> 
      </div> 
      <div class="modal-footer"> 
       <button class="btn btn-success" data-dismiss="modal" type="button">Close</button> 
      </div> 
     </div> 
    </div> 
</div> 

我已經嘗試在圖像內部實現類沒有用。

.clickable { 
    cursor: pointer; 
} 

Answer 1

案例修復。

我已經添加了以下腳本以將模態添加到正文。

$(document).ready(function() { 
    $(".modal").appendTo("body"); 
});