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

Question

我在 Rails 应用程序中使用 dropzone.js。拖放区是具有其他输入元素的表单的一部分。在页面加载时，包含表单的 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

问题出在涡轮链接上。当我从另一个页面进入该页面时，拖放区不起作用。但是直接刷新就可以了。将 data-no-turbolink 添加到包含页面链接的 div，现在效果很好。