0
我正在使用插件来管理我的上传者。但问题是,我每次点击按钮时都会添加新的文件上传器,因此插件只会加载页面加载时已创建的元素。这是我的一个例子:将jQuery插件附加到动态生成的元素
<div id="uploaders">
<div class="container">
<div class="file-uploader">
<input type="files" name="files[]">
</div>
</div>
<button>Add new uploader</button>
</div>
<script src="js/file-uploader.min.js"></script>
<script>
$(function() {
$uploaders = $('#uploaders');
$uploaders.find('.file-uploader input').myPlugin({ options }).on('uploadfinished', function(){ console.log('File uploaded!'); });
$uploaders.find('button').on('click', function(){
$(this).closest('.container').append('<div class="file-uploader"><input type="files" name="files[]"></div>'); //This uploader won't load myPlugin
});
});
</script>
有没有一种方法可以将该插件附加到所有生成的文件上传?我知道在添加HTML之前我可以做到这一点,但这会是一个问题,因为我必须再次定义所有配置和事件...