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');
});

单击触发器Jquery循环

1 个答案: