class = "modal show"

Question

私はbootstrap modalでclass = "modal show"を使用して、デフォルトでフォームの読み込み時にモーダルを表示しています。 class = "modal show"の代わりにclass = "modal fade"を使用すると、class = "modal show"クラスでこのモーダルを閉じることができません。 作業コードを以下に示します。

<div class="modal show modal-xs" id="paymentStatus" role="dialog"> 
<div class="modal-dialog"> 

    <!-- Modal content--> 
    <div class="modal-content"> 

    <div class="modal-body"> 
     <span> <?php echo $_SESSION['status_message'];?></span> 
    </div> 
<div class="modal-footer"> 
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div> 
    </div> 

</div> 

Answer 1

.SHOW初期化したときに、あなたのモーダルを表示するためにハードコードされたCSSクラスを使用しないでください。代わりに、あなたの例ではdata-show="true"

使用：ブートストラップdocに

<div class="modal" id="myModal" role="dialog" data-show="true"></div> 

さらに詳しい情報： http://getbootstrap.com/javascript/#modals-options