Javascript 多个JqueryFileUpload实例&;停止文档';s文件放置

Javascript 多个JqueryFileUpload实例&;停止文档';s文件放置,javascript,jquery,jquery-file-upload,Javascript,Jquery,Jquery File Upload,我已经设置了一个页面,通过点击按钮可以添加jQuery文件上传插件的多个实例。我遇到的问题是,当您将文件拖动到其中一个实例时,会将它们添加到所有实例中。我添加了开发人员建议的代码,以防止这种情况发生,但似乎没有任何效果(虽然调用了该函数,但我已将其记录到控制台) 这是我正在处理的页面: 以下是创建上载程序的JavaScript文件: 或者,如果您愿意,咖啡脚本: 仅供参考,这是开发人员建议使用的代码: $(document).bind('drop dragover', function(e

我已经设置了一个页面,通过点击按钮可以添加jQuery文件上传插件的多个实例。我遇到的问题是,当您将文件拖动到其中一个实例时,会将它们添加到所有实例中。我添加了开发人员建议的代码,以防止这种情况发生,但似乎没有任何效果(虽然调用了该函数,但我已将其记录到控制台)

这是我正在处理的页面:

以下是创建上载程序的JavaScript文件:

或者,如果您愿意,咖啡脚本:

仅供参考,这是开发人员建议使用的代码:

$(document).bind('drop dragover', function(e) { e.preventDefault(); }); $(文档).bind('drop dragover',函数(e){ e、 预防默认值(); }); 正如我所说,我尝试向它添加一个console.log,当我将文件拖到窗口时,它确实被调用,但是
e.preventDefault()
似乎没有效果。

如中所述,您必须指定一个dropZone,否则就是整个文档。 您应该更改此行:

$('#uploader' + uploaderCount).fileupload();


该死的,我就知道是那样的傻事!感谢您快速完美的回复!
$('#uploader' + uploaderCount).fileupload({dropZone:$('#uploader' + uploaderCount)});