2017-07-04 6 views
0

SafariやiOSのように、ブートストラップモードに問題があります。私はStack Overflowで同様の問題を読んだことがありますが、イメージ内のModalsを使って問題があるものは見つかりませんでした。誰かがいくつかの洞察力を提供し、助けてもらえますか?ブートストラップイメージのモードがiOSで動作しない

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

答えて

0

ケースが修正されました。

次のスクリプトを追加して、modalをbodyに追加しました。

$(document).ready(function() { 
    $(".modal").appendTo("body"); 
}); 
関連する問題