如何在不同的页面上使用这个模态?我试了所有我能做的,但它只是在一个页面。
HTML:<div class="modal fade" id="confirm-delete1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 class="modal-title" id="myModalLabel">Confirm Delete</h3>
</div>
<div class="modal-body">
<p>Are you sure you want to delete this record?</p>
</div>
<div class="modal-footer">
<a class="btn btn-danger btn-ok">Delete</a>
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
JavaScript: <script>
$('#confirm-delete1').on('show.bs.modal', function(e) {
$(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
});
</script>
锚点/链接:
<a href="#" data-href="delete-journal.php?id='.$id.'" data-toggle="#confirm-delete1"><i class="fa fa-fw fa-trash-o" alt="Delete journal" title="Delete journal"></i>delete</a>
根据您的评论:
我会回显我的$id和整个php块,我只是没有包括它在这里。我只是想知道如何有一个提示确认框,如果我点击删除链接,它会提示一个消息"你想删除这个吗?"一个文本框,其中将输入确认码。如果确认码= $confirmation_code,则删除记录,否则不删除。
要达到想要的效果,需要很多步骤。但我可以给你一个你需要采取的步骤清单:
- 您可以使用
prompt()
函数创建提示符,也可以将提示符作为第一个参数,您可以还可以将该提示符的返回值存储在变量中以供稍后使用。(如var code = prompt("Enter a confirmation code")
…) - 执行Ajax请求将数据发送到服务器。
- 比较服务器端数据并执行服务器端所需的任何操作,或者如果需要在客户端执行任何操作,则将数据发送回客户端。