jquery - 点击触发Jquery循环

Question

我有一段代码有问题，我有一个输入文件，用户可以在其中上传文件，当用户选择一个文件并尝试单击相同的输入时，我想显示一个模式框，显示确认替换的消息，如果用户单击接受文件浏览器窗口应该出现，现在这部分得到它但是，

当用户单击按钮时，模式会显示，但如果再次调用此模式，则会导致循环并显示几个文件浏览器窗口。怎么了？

我尝试使用 event.preventDefault()，但文件浏览器窗口不会显示

$(".fileinput-button").click(function (event) {
    var fileupload = $(this);

    if ($(this).hasClass('change')) {
        var name = $('.change').find('span').prop("id");
        $("#documentName").html(name);
        $("#replaceConfirmation").modal('show');

        $("#replaceFile").click(function () {
            fileupload.find('input').trigger('click');

            $("#replaceConfirmation").modal('hide');
        });

    }

});

Answer 1

尝试

var fileupload;

$(".fileinput-button").on('click',function (event)
{
    fileupload = $(this);
    if ($(this).hasClass('change'))
    {
        var name = $('.change').find('span').prop("id");
        $("#documentName").html(name);
        $("#replaceConfirmation").modal('show');
    }
});

$("#replaceFile").on('click',function ()
{
    fileupload.find('input').trigger('click');
    $("#replaceConfirmation").modal('hide');
});