使用 Twitter Bootstrap 在模式/对话框中确认删除? [英] Confirm deletion in modal / dialog using Twitter Bootstrap?
本文介绍了使用 Twitter Bootstrap 在模式/对话框中确认删除?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个与数据库行相关联的行的 HTML 表.我想为每一行设置一个删除行"链接,但我想事先与用户确认.
有没有办法使用 Twitter Bootstrap 模态对话框来做到这一点?
解决方案
GET recipe
对于此任务,您可以使用已经可用的插件和引导程序扩展.或者,您可以使用 3 行代码制作自己的确认弹出窗口.看看吧.
假设我们有这个链接(注意 data-href
而不是 href
)或我们想要删除确认的按钮:
<a href="#" data-href="delete.php?id=23" data-toggle="modal" data-target="#confirm-delete">删除记录#23</a><button class="btn btn-default" data-href="/delete.php?id=54" data-toggle="modal" data-target="#confirm-delete">删除记录 #54按钮>
此处 #confirm-delete
指向 HTML 中的模态弹出 div.它应该有一个确定"按钮,配置如下:
<div class="modalfade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header">...
<div class="modal-body">...
<div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">取消</button><a class="btn btn-danger btn-ok">删除</a>