どうすればhtmlだけでBootstrapモーダルを開いて閉じることができますか？

Question

class="modal show"を使用してモーダルを開くことはできますが、閉じることはできません。私はこれをHTMLでのみ行い、私が使用するJavascriptの使用を制限する必要があります。私はhtmlでこれを行う別のコマンドがあるかどうかわからないのですか？

<?php 
    $row="1"; 
    if(isset($_REQUEST['submitted'])) { 

    $Page = $_SERVER['REQUEST_URI']; 
    $page = explode('?', $Page); 

    if(isset($page[1])) { 
     if(strpos($page[1], '&') != false) { 
      $PAGE = explode('&', $page[1]); 
      $searchString = $PAGE['1']; 

      if($searchString == $row) { 


       print " 


        <div class='modal show' style='z-index:10000' id=\"$row[auditID]\" role='dialog'> 
         <div class='modal-dialog modal-lg'> 
          <div class='modal-content'> 
           <div class='modal-header'> 
           <button type='button' class='close' data-dismiss='modal' aria-hidden='true'></button> 
           <h4 class='modal-title'>Perform Audit</h4> 
           </div> 
           <div class='modal-body' > 

           </div> 
           <div class='modal-footer'> 

            <button type='button' class='btn btn-default' data-dismiss='modal'>No</button> 

            </div> 
          </div> 


         </div> 
        </div> 

       "; 
      } 
     } 
    } 

    }else { 

    ?> 

    <a href="?submitted=1&<?php print $row; ?>">Test</a> 
    <?php } ?> 

Answer 1

あなたは、あなたのモーダルでは「ショー」クラスを削除し、それを「myModal」などのIDを追加し、ブートストラップからデフォルトのスクリプトを使用しなければなりません。

あなたのモーダル初期化し、呼び出すには、すぐに

$('#myModal').modal('show')

<div class='modal' role='dialog' id="myModal"> 
 
.... 
 
</div>