我在让 Dropzone 与 jQuery 配合使用时遇到了一些问题。我想知道是否有人可以帮忙。
我已经尝试过 jQuery 版本 1.11.1 和 2.1.1，但似乎都不起作用。我已经让它可以与简单的 Javascript 一起使用，但是，我计划进行一些主要的脚本编写，并希望 dropzone 与 jQuery 一起使用，以节省一些创建用于传输数据的变量。
Dropzone 文档提到了一个 jQuery 插件。但是，我在源代码中找不到它，只在这里提到: http://www.dropzonejs.com/#toc_4 没有关于它实际位置的信息。
我计划将 Dropzone 与 div 而不是 form 一起使用，并且不涉及服务器代码。这是一个静态的一次性网页。目前我只是按照文档进行操作。
这是我的一些代码:
HTML
<link href="css/dropzone.css" type="text/css" rel="stylesheet" />
<script src="dropzone.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
</head>
<body>
<div id="dropthat" class="dropzone"></div>
<script src="script.js"></script>
jQuery
$(document).ready(function() {
$("div#dropthat").dropzone({ url: "/file/post" });
//Below is my older, working Javascript code, still here for comparison.
//var myDropzone = new Dropzone("div#dropthat", { url: "/file/post" });
});
我确信我要么错过了一些非常小的东西，要么确实是缺少 jQuery 插件文件的问题。有谁知道 jQuery 插件文件及其名称吗？我在 dropzone 的源文件中搜索了 jQuery，但找不到任何内容。 Dropzone 似乎最初是作为 jQuery 插件制作的，最近才成为独立的。或者也许这是我的 jQuery 版本。
如果最坏的情况发生，我总是可以使用 JavaScript 事件监听器而不是 jQuery 来获取变量。
最佳答案
我不完全确定你要什么，但是如果你想了解你的库和 JQuery 之间的关系，只需查看源代码即可:
if (typeof jQuery !== "undefined" && jQuery !== null) {
jQuery.fn.dropzone = function(options) {
return this.each(function() {
return new Dropzone(this, options);
});
};
}
首先它检查 jQuery 是否已经加载到您的页面上，如果加载了，那么它将自身作为插件附加，这意味着:为了使用 jQuery 插件，您需要确保您的 jQuery 库脚本在 Dropzone 之前运行。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<script src="dropzone.js"></script>
关于javascript - 使用 jQuery 以编程方式创建 dropzone 实例不起作用？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25213297/