Javascript 为FileDrop动态添加dropzone

我使用拖放上传文件到我的网站，但我有问题的动态dropzones。代码的设置方式是否有问题？脚本可以很好地处理页面加载时存在的元素，但不能处理动态创建的元素

这是我的小提琴与模拟设置。

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

---

简单的解决方案，将filedrop包装在一个函数中，并在每次添加事件时调用它

---

简单的解决方案，将filedrop包装在一个函数中，并在每次添加事件时调用它

$(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'));

});​