如何使用bootstrap实现删除确认框

2025-04-25 14:10:37
推荐回答(1个)
回答1:

使用bootstrap 3,那就简单了,应为bootstrap3已经内置支持该功能。
我们只需要用data-href代替href,如下所示:

删除记录 #23



#confirm-delete指向HTML中的模式框(modal)代码,例如:



然后添加一点javascript代码即可:
$('#confirm-delete').on('show.bs.modal', function(e) {
$(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
});

Bootstrap 2.3
对于2.3版本的bootstrap,代码应该是这样的:
$('#modal').on('show', function() {
var id = $(this).data('id'),
removeBtn = $(this).find('.danger');
removeBtn.attr('href', removeBtn.attr('href').replace(/(&|\?)ref=\d*/, '$1ref=' + id));
});