Bootbox和JQuery Ajax - Dialogue不断涌现

时间:2013-11-15 12:38:25

标签: jquery ajax twitter-bootstrap bootbox

我正在使用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
        });
    }                 

});
});

0 个答案:

没有答案