Загрузка файла Ajax не работает при использовании во второй раз

Question

Я использую этот плагин jquery ajaxFileupload в нашем проекте. Мой дизайн таков: у меня есть элемент управления загрузкой файлов, для которого установлено значение непрозрачности 0,01, а затем с помощью якорной ссылки я запускаю событие щелчка элемента управления загрузкой файлов. Это работает нормально, пока я не попытаюсь щелкнуть ссылку привязки во второй раз, когда не открывается диалоговое окно файла.

Вот мой код.

$(".btnUpload").live("click", function () {
    $(".lblUploadError").text("");
    $(".fleAttachment").trigger("click");
});
$(".fleAttachment").change(function () {
    var reg = /^.*\.(jpg|JPG|gif|GIF|jpeg|JPEG)$/;
    var vals = $(this).val(),
        val = vals.length ? vals.split("\\").pop() : "";
    if (reg.test(vals) == false) {
        $(".lblUploadError").text("Invalid Image Type. We only accept .GIF or .JPG");
    } else {
        ajaxFileUpload();
        eval($(".btnRefreshAttachmentList").attr("href"));
    }
});

Я не вижу ошибок в консоли, поэтому затрудняется ее отладка.

Answer 1

$( document ).on( "click", ".fleAttachment", function() {
//--> Logic Here // jQuery 1.7+
});

Answer 2

Изменить

 $(".fleAttachment").change(function() { 

на

 $(".fleAttachment").live('change', function() {