私は自分のヘッダに移動してから私のフォームは狂っている。

Question

何が起こっているのかわからない。これはJavaScriptの問題ではないかもしれません。

私は、ユーザーが他のテキスト入力フォームでありdropzone.js

を使用して、フォームが含まれているモーダルを開き、ナビゲーションバーのアイコンをクリックすることを可能にしたかったことを決めました。フォームをnavbarに移動してから、これらの入力は既存のデータベースエントリから表示されるランダムな文字列を取得します。たとえば、ナビゲーションバーのアイコンをクリックすると、input#tag：choclate、vanilla、miami、lebron jamesのフォームが表示されます。その後、ページをリロードしてもう一度クリックすると、input#description：日のビーチになります。それで、もう一度リロードすれば、input#tag：デトロイト、レインボーinput#description：白プードールのようになります。

私はRails 4とturbolinks 5.0を使用しています。

これは関係なく、私が_header.html.erbの内部modalコード立ち往生$(document).on('turbolinks:load', function() {});または$(document).ready(function() {});

で私のjavascriptをラップするかどうかに発生します。dropzone.jsで写真を追加する

<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> 

が正常に動作し、まだフォームを働く

最初の入力

は単純です： <%= f.input :description, label: "Description:", placeholder: '' %>

Answer 1

レールと奇妙な動作を含む他の多くの質問のように、原因はturbolinks誤動作しています。