我正在使用jquery ajax从一行表结果中删除记录。所有这一切都有效......但我决定将bootbox确认对话框添加到组合中。
问题是弹出对话框,当我点击确认时,ajax位完成并且记录从表中删除,但是bootbox对话框再次弹回(它执行3次)直到它重定向到http://mydomain.com/undefined
我的基于HTML的引导程序看起来像这样
<button class="btn btn-xs btn-danger ajax-delete"
data-record-id="1"
data-which-table="commissions"
data-ajax-url="http://domain.com/delete.php">
<i class="icon-remove">
</i>
</button>
和js喜欢这个
$(document).on("click", ".ajax-delete", function(e){
//get variables from link attributes
var id = $(this).attr("data-record-id");
var dbtable = $(this).attr("data-which-table");
var ajaxurl = $(this).attr("data-ajax-url");
var parent = $(this).parents("tr:first"); //delete the whole row <tr></tr>
e.preventDefault();
//process bootboxjs confirm alert box
bootbox.confirm("Are you so sure?", function(result){
//if agreed, start ajax
if (result) {
//______Ajax Bit________________________
$.ajax({
type: 'post',
url: ajaxurl,
data: 'id=' + id + '&dbtable=' + dbtable,
//success, annimate and remove row
success: function(){
parent.slideUp(300, function(){
parent.remove();
});
}
//todo fail output
});
}
});
});