1

サイトへのファイルのドラッグアンドドロップアップロードにjquery-filedropを使用していますが、動的ドロップゾーンに問題があります。コードの設定方法に何か問題がありますか？スクリプトは、ページが読み込まれるときに存在する要素ではうまく機能しますが、動的に作成される要素では機能しません。

これがモックセットアップの私のフィドルです。 http://jsfiddle.net/seesoe/4qcfK/

そしてここにjsコードがあります

$(document).ready(function() {
    $('.cloneMeButton').live('click', function() {
        $('.cloneMaster').clone().attr('class', 'dropzone').text("Dynamic Dropzone Clone").show().appendTo('body');
    });

    var dropzone = $('.dropzone');

    dropzone.filedrop({
        dragOver: function() {
            $(this).removeClass('dropzone').addClass('dropzone_on');
        },
        dragLeave: function() {
            $(this).removeClass('dropzone_on').addClass('dropzone');
        },
        drop: function() {
            $(this).removeClass('dropzone_on').addClass('dropzone');
        }
    });
});​
4

1 に答える 1

1

単純な見落とされた解決策、関数でファイルドロップをラップし、毎回それを呼び出し、イベントを追加します

http://jsfiddle.net/4qcfK/3/

$(document).ready(function() {
    $('body').on('click', '.cloneMeButton', function() {
        $clone = $('.cloneMaster').clone();
        $clone.text("Dynamic Dropzone Clone").addClass('dropzone').show().appendTo('body');
        fileDropIt($clone);
    });

    fileDropIt($('.dropzone'));

});​
于 2012-11-17T22:26:03.300 に答える