javascript - 成功提交ajax表单后链接不起作用

Question

我正在使用 jQuery 1.7.1，并且我正在提交一个 ajax 表单。成功后，我将返回一些带有链接的文本。当我点击链接时，它不起作用。我还想通过链接而不是提交按钮提交表单。这是我到目前为止所拥有的，提交工作正常。

$(function () {
    var myformselector = "#UploadFile";
    $(myformselector).submit(function (e) {
        //prevent Default functionality
        e.preventDefault();
        var values = new FormData($(this)[0]);
        $.ajax({
            url: '[file]',
            type: 'post',
            data: values,
            cache: false,
            async: false,
            contentType: false,
            processData: false,
            beforeSend: function () {
                $('#loader').show();
                $('#UploadFile').fadeOut('slow');
            },
            success: function (data) {
                $("#UploadFile").html(data);
                $("#UploadFile").fadeIn('slow');
                $("#loader").hide();
            }
        });
        return false;
    });
});

Answer 1

您不能#在元素的 ID 中包含。

可能是您的意思var myformselector = "#UploadFile"，然后才有$(myformselector)意义。

您将它用于所有选择器并且您需要更新它们中的每一个