我正在使用jquery-filedrop将文件拖放到我的网站,但是我遇到了动态dropzones的问题。代码的设置方式有问题吗?该脚本适用于加载页面时存在的元素,但它不适用于动态创建的元素。
这是我的模拟设置小提琴。 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');
}
});
});
答案 0 :(得分:1)
简单易被忽略的解决方案,将函数包装在函数中并在每个函数中调用它,添加事件
$(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'));
});