meine Form ist verrückt, seit ich es in meine Kopfzeile verschoben habe

Question

Ich habe keine Ahnung, was los ist. Dies könnte nicht einmal ein Javascript-Problem sein.

Ich entschied, dass ich wollte, dass meine Benutzer ermöglichen, auf ein Symbol in der Navigationsleiste zu klicken, die eine modale öffnet, die ein Formular enthält, die

Es gibt noch andere Texteingaben in Form dropzone.js

verwendet. Seit dem Verschieben des Formulars in die Navigationsleiste erhalten diese Eingaben zufällige Zeichenfolgen aus vorhandenen Datenbankeinträgen. So, zum Beispiel klicke ich auf das Symbol auf der Navigationsleiste und das Modal öffnet sich, das Formular zeigt für die input#tag: choclate, Vanille, Miami, Lebron James. Dann, wenn ich die Seite neu lade und erneut klicke, für input#description: Tag am Strand. Dann, wenn ich es wieder lade, könnte es sein input#tag: detroit, regenbogen input#description: weißer pudel.

Ich verwende Rails 4 und Turbolinks 5.0.

Dies geschieht unabhängig davon, ob ich mein Javascript wickeln in $(document).on('turbolinks:load', function() {}); oder $(document).ready(function() {});

Ich steckte den modal Code innerhalb von _header.html.erb: noch

<nav class="navbar navbar-default large-navbar navbar-fixed-top">...</div> 
<div class="modal fade" id="myuploadModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">...</div> 

<script> 
$(document).ready(function() { 
    var dropzone3; 
    Dropzone.autoDiscover = false; 
    dropzone3 = new Dropzone('#dropform3', { 
    maxFiles: 6, 
    maxFilesize: 2.5, 
    paramName: 'photo[picture]', 
    headers: { 
     "X-CSRF-Token": $('meta[name="csrf-token"]').attr('content') 
    }, 
    addRemoveLinks: true, 
    clickable: '.dz-default.dz-message.head', 
    previewsContainer: '.dz-default.dz-message.head', 
    thumbnailWidth: 120, 
    thumbnailHeight: 120, 
    parallelUploads: 100, 
    autoProcessQueue: false, 
    uploadMultiple: false 
    }); 
}); 
<script> 

die Fotos mit dropzone.js Hinzufügen funktioniert gut und die Form funktioniert.

Der erste Eingang ist einfach: <%= f.input :description, label: "Description:", placeholder: '' %>

Answer 1

Wie viele andere Fragen Schienen und seltsame Verhalten beteiligt, die Ursache turbolinks nicht richtig funktioniert.