除非刷新页面，否则 Dropzone 不会加载

Question

我在 Rails 应用程序中使用 dropzone.js。 dropzone 是具有其他输入元素的表单的一部分。在页面加载时，包含表单的 div 被隐藏。单击按钮时，该 div 会向下滑动。然而，在这个阶段 Dropzone 没有被初始化。但是如果我刷新页面并再次单击相同的按钮，它绝对可以正常工作。

这是我的 dropzone 函数（在 document.ready 内）

function dropzoneControl() {
    Dropzone.options.myDropzone = {
        url: '/the_url',
        autoProcessQueue: false,
        uploadMultiple: true,
        parallelUploads: 5,
        maxFiles: 5,
        maxFilesize: 3,
        acceptedFiles: 'image/*',
        addRemoveLinks: true,
        headers: {
            'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
        },
        init: function() {
            dzClosure = this;
            document.getElementById("submit-button").addEventListener("click", function(e) {
                e.preventDefault();
                e.stopPropagation();
                dzClosure.processQueue();
            });

            //send all the form data along with the files:
            this.on("sendingmultiple", function(data, xhr, formData) {
                formData.append("name", $("#name").val()); * * other data * *

            });

            //on successful upload
            this.on("successmultiple", function(file, responseText) {
                $('#name').val(""); * * clear the rest of the form * *
            });

            this.on("queuecomplete", function(file) {
                this.removeAllFiles();
            });
        }
    }
}

Answer 1

问题是涡轮链接。当我从另一个页面进入该页面时，dropzone 不起作用。但是当我直接刷新它时工作。在包含页面链接的 div 中添加了data-no-turbolink，现在效果很好。