Bootstrap Modal won't close，先前使用JQuery附加到Body

所以我去所有这些麻烦得到模态附加到正文和文本框的工作，然后我去关闭它在AJAX成功事件，但没有我尝试似乎工作。

 var id;
var refundAmount = '';
var token = $("meta[name='csrf-token']").attr('content');
$('[data-toggle="modal"]').on('click', function(e) {
    var checkeventcount = 1;
    var prevTarget;
    // Find the id from the modals href attribute
    id = $(this).attr('href').replace(/[^0-9.]/g, "");
    $('#new_refund_modal' + id).on('show.bs.modal', function (e) {
        if(typeof prevTarget == 'undefined' || (checkeventcount==1 && e.target!=prevTarget))
        {
            prevTarget = e.target;
            checkeventcount++;
            e.preventDefault();
            $(e.target).appendTo('body').modal('show');
            $(document.body).delegate('#new_refund_input' + id, 'change keyup paste mouseup', function() {
                if ($(this).val() != refundAmount) {
                    refundAmount = $(this).val();
                }
            });
        }
        else if(e.target==prevTarget && checkeventcount==2)
        {
            checkeventcount--;
        }
    });
});
$('.refund-submit-btn').click(function (e) {
    e.preventDefault();
    $.ajax({
        url: '<%= payment_plan_refund_url %>',
        type: 'post',
        data: { authenticity_token: token, id: id, payment: { refund_amount: refundAmount }},
        success: function (data, status) {
            $('#new_refund_modal' + id).modal('hide');
        }
    });
});

这是我尝试过的不同修复的列表，模态中的关闭按钮仍然有效，所以我一直在试图触发AJAX成功，但修复似乎不工作

1) $('#new_refund_modal' + id).modal('hide');
2) $('#new_refund_modal' + id).data('modal', null);
3) $('#new_refund_modal' + id).remove();
   $('.modal-backdrop').remove();
   $('body').removeClass('modal-open');
4) $('#closeModal' + id).click();