0
我的網頁上有一堆彈出窗口。像魅力一樣工作。循環加載的自舉模型
現在我想要一個模式來加載窗體項目在一個循環。但現在陷入啓動這個彈出窗口。
我用這一個按鈕來啓動模式:
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:
<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
包含模式:
<?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()">×</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>';
?>
的模式是不啓動,沒有錯誤顯示,有什麼建議?
你救了我的一天!如此愚蠢但很難很好地挖掘代碼整天... – Muiter
Geen問題。成功:) – Clemenz