前提・実現したいこと
local環境で動いているmodalがデプロイされたstaging環境では開かないというエラーが起こっています。
モーダルの機能としては、モーダルを開いて、中のradioボタンで要素を選択、そして選択した要素を送信する、というものになっています。
モーダル部分はrailsのパーシャルを使って別ファイルにおいています。
なにか、アドバイスや良い書き方があれば、教えていただけれっば幸いです。
エラーメッセージ
chromeのデベロッパーツールを使って確認しましたが、エラーは出ていませんでした。
該当のソースコード
html
1//モーダルを開く部分 2<form style="text-align: right; padding:3%;"> 3 <%= button_tag '開く', type: 'button', 4 class: 'btn btn-primary', 5 data: { toggle: 'modal', target: '#printModal', backdrop: 'false' } %> 6 </form> 7 <%= render partial: "print_modal" %> 8 </div> 9</div>
html
1//モーダル内部 2<div class="modal fade" id="printModal" tabindex="-1" style="width:100%;" 3 aria-labelledby="printModalCenter" data-backdrop="static" data-keyboard="false"> 4 <div class="modal-dialog modal-dialog-centered"> 5 <div class="modal-content"> 6 <div class="modal-header"> 7 <input type="submit" value="×" class="close" style="border-radius: 3px;" 8 data-dismiss="modal" aria-label="Close" onclick="location.reload()"> 9 <h5 class="printmodaltitle">フレームを選択してください</h5> 10 </div> 11 <div class="modal-body"> 12 <div class="row"> 13 <div class="col-md-4"> 14 <form> 15 <label"> 16 <div> 17 <input type="radio" name="radio" value="Red" checked>1 18 </div> 19 </label> 20 <label> 21 <div> 22 <input type="radio" name="radio" value="Blue">2 23 </div> 24 </label> 25 <label> 26 <div> 27 <input type="radio" name="radio" value="Green">3 28 </div> 29 </label> 30 </form> 31 </div> 32 </div> 33 </div> 34 <div class="modal-footer"> 35 <%= submit_tag 'キャンセル', 36 class: 'btn btn-secondary', 37 "data-dismiss": "modal", 38 onclick: "location.reload()" %> 39 <%= button_tag '送信', type: 'submit', 40 class: 'btn btn-primary' %> 41 </div> 42 </div> 43 </div> 44</div> 45
試したこと
typeが同じだったので書き換えたりしましたが、何が効果的なのかよくわかりません。
補足情報(FW/ツールのバージョンなど)
jquery 1.12.4
Rails 5.1.4
Ruby 2.4.2
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/25 06:27 編集
2018/10/25 16:26