Ajax文档上传仅在第一次触发

Question

我想上传一个带有Ajax的文件。 问题是，它只是第一次起作用。

上传第一个文档后，$ .ajax会再次触发。 提交处理程序被触发但不是Ajax函数。

$( 'form#addDocument' ).on('submit', function( event ){

    event.preventDefault();
    event.stopImmediatePropagation();

    $( 'form#addDocument' ).spin('progress');

    var file = $("#addDocumentFileInput").prop("files")[0];    
    var formData = new FormData();

    formData.append("file", file)
    formData.append("filename", $( '#documentName' ).val() );

    $.ajax({
        type: 'POST',
        url: 'index.php?r=ajax/uploaddocument',
        data: formData,
        dataType: 'script',
        cache: false,
        contentType: false,
        processData: false,
        success: function( data ){
            if ( data == 'true' ) {
                showInformation(succ);
            }
        },
        complete: function(){
            $( 'form#addDocument' ).spin(false);
            $('form#addDocument')[0].reset();
            closeOverlay();
            reloadDocs();
        },
    });
});

完整函数中的reloadDocs()操纵内容，但叠加层和表单不受此影响。

closeOverlay()淡出叠加层。

提前致谢！