ループのブートストラップモデルがロードされていません

Question

私のWebページにポップアップとしてモーダルの束があります。魅力のように働く。

私はモーダルをループ内にあるフォームアイテムとしてロードします。しかし、このポップアップを立ち上げる際にはまだまだ立ち往生しています。

while($row_cnt = mysqli_fetch_array($res_cnt)) 
{ $i++; 
     echo '<tr> 
        <td><a href="mailto:'.$row_cnt['email'].'"><span class="fa fa-envelope" aria-hidden="true" data-toggle="tooltip" title="Verstuur email"></a> '.$row_cnt['naam'].'</td> 
        <td>'.$row_cnt['tel'].'</td> 
        <td>'.$row_cnt['mob'].'</td> 
        <td><a href="#"><span class="glyphicon glyphicon-pencil pull-right" data-toggle="modal" data-target=".modal_cnt_edit'.$i.'" aria-hidden="true" data-toggle="tooltip" title="Bewerk"></span></a></td> 
       </tr>'; 

    require('includes/modals/relatie_detail_cnt_edit.php'); 
} 

このJavascriptを使用して：：

私はモーダル起動するには、このボタンを使用しています

<?php 
echo' 
    <div class="modal edit_cnt modal_edit_cnt'.$i.'" id="modal_edit_cnt'.$i.'" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
     <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="window.location.reload()">&times;</button> 
       <h4 class="modal-title" id="myModalLabel">Bewerk contactpersoon.</h4> 
      </button> 
      </div> 

      <form class="form-horizontal form-calculator" id="edit_cnt'.$i.'" action="includes/werkplek_edit.php" method="post"> 
      <div class="modal-body"> 

      <input type="hidden" class="form-control" id="id" name="id" value="'.$row['id'].'"> 

      <div class="form-group-options"> 

      <div class="panel-body"> 

      </div> 

      </div> 
      </div> 
      </form> 

      <div class="modal-footer"> 
      <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="window.location.reload()">Sluiten</button> 
      <button type="button" id="submit_edit_cnt'.$i.'" alt="'.$i.'" class="btn btn-primary edit_cnc">Voeg toe</button> 
      </div> 
     </div> 
     </div> 
    </div>'; 
?> 

モーダルではありません。

<script type="text/javascript"> 
// cnt_edit 
$(document).ready(function() { 
    $(".edit_cnc").on('click', function() { 
     formid=($(this).attr("alt")); 
     subform_del(formid); 
    }); 
}); 
function subform_del(formid) 
{ 
     var postData = $("#cnt_edit"+formid).serializeArray(); 
     // var formURL = $("#cnt_edit"+formid).attr("action"); 
     var formURL='includes/werkplek_cnt_edit.php'; 
     $.ajax({ 
      url: formURL, 
      type: "POST", 
      data: postData, 
      success: function(data, textStatus, jqXHR) { 
       $('#modal_cnt_edit'+formid+' .modal-body').html(data); 
       $("#submit_cnt_edit"+formid).remove(); 
      }, 
      error: function(jqXHR, status, error) { 
       console.log(status + ": " + error); 
      } 
     }); 
     e.preventDefault(); 
} 
</script> 

ファイルrelatie_detail_cnt_edit.phpはモーダルが含まれていますエラーは表示されません、任意の提案？

Answer 1

多分これは間違っている：あなたのボタンのコードで

：あなたのモーダルコードで

data-target=".modal_cnt_edit'.$i.'" 

：

class="modal edit_cnt modal_edit_cnt'.$i.'" id="modal_edit_cnt'.$i.'" 

それはので、モーダルを開く文句を言わないので、これは、右一致していませんそれはIDを見つけることができません。