Скрипт загрузки работает с jQuery v1.3.2, но не с 1.6.2 - PullRequest
Новая
       21

Скрипт загрузки работает с jQuery v1.3.2, но не с 1.6.2

1 голос
/ 20 июля 2011

Я хотел бы использовать этот скрипт для загрузки нескольких файлов с помощью jQuery v1.6.2. Он хорошо работает с любой версией = <1.3.2, но не с 1.4.x или новее. </p>

Не могли бы вы помочь мне заставить его работать с 1.6.2?

когда я выбираю 3 файла для загрузки, затем я удаляю первый; все поля ввода 2-го и 3-го файла тоже были удалены. :(

(В jQuery v1.3.2 2-е и 3-е не удаляются.)

HTML: 

<input type="file" class="upload" name="fileX[]" />
<div id="queue" class="queue"></div>

JavaScript: 

$(document).ready(function () {

    $("input.upload").change(function () {
        validateFile(this);
    });


    function validateFile(myelement) {

        //$(myelement).hide();//disabled to test

        $(myelement).parent().prepend('<input type="file" class="upload" name="fileX[]" />').find("input").change(function () {
            validateFile(this)
        });
        var elementval = myelement.value;
        if (elementval != '') {
            $("#queue").append('<div>' + elementval + '&nbsp;&nbsp;<a class="remove">X</a></div>').find("a").live('click', function () {
                $(this).parent().remove();
                $(myelement).remove();
                return true;
            });
        }
    };

});

1 Ответ

1 голос
/ 20 июля 2011

Я до сих пор не могу понять, почему он удаляет все входы. Я могу только предположить, что это связано с тем, что переменная myelement связана с событием живого клика. Мы повторно используем эту переменную каждый раз, когда вызывается функция изменения ввода, и я не уверен, как jQuery обрабатывает это с этими <a> событиями щелчка. Я думаю, что я буду копать.

Хотя я нашел обходной путь.

Вместо того, чтобы хранить элемент внутри живого события, связанного с <a>, я дал вход и очередь div data-id. Поэтому, когда нажимается #queue a, он сопоставляет вход со своим собственным идентификатором данных: 

$(document).ready(function () {
    var count = 0;
    $('input.upload').live('change', function() {
        $(this).parent().prepend('<input type="file" class="upload" name="fileX[]" />');
        $(this).attr('data-id', count);
        $('#queue').append('<div data-id="' + count + '">' + $(this).val() + '&nbsp;&nbsp;<a class="remove">X</a></div>');
        count++;
    });
    $('#queue div a').live('click', function() {
        $('input[data-id="' + $(this).parent().attr('data-id') + '"]').remove()
        $(this).parent().remove();
    });
});
...