javascript - ActiveStorage + 简单表单 + 直接上传创建 2 个 div 而不是 1 个

我正在按照本指南将使用活动存储的直接上传添加到我的 Rails 应用程序： https ://edgeguides.rubyonrails.org/active_storage_overview.html#direct-uploads

我使用了与网站上完全相同的代码（CSS 和 JS）。

一切都很清楚，似乎正在工作，但我不知道为什么它会创建 2 个相同的 div 而不是 1 个（因为我只上传 1 个文件）。

后来，随着上传的开始，只有第一个div受到JS更改的影响（待定类被删除等），而第二个则没有，只是等待轮到他，那永远不会到来......

编辑：它AddEventListener("direct-upload:initialize", (...)导致了问题，因为它启动了两次

你知道如何克服这个问题吗？

编辑2：这不是一个完美的解决方案，但我已经放置了一个全局变量，即使第二次启动事件监听器，条件语句也会阻止它添加另一个栏......

解决方案：看来，我已经包含direct_uploads.js了两次，这就是这个动作的结果

标签： javascriptruby-on-railssimple-formrails-activestorage