私はこのCodepen Templateでフロントエンドをやろうとしていましたが、サインアップボタンをクリックしようとすると、コードがインデックスにあるサインアップフォームに変更されません.jsファイルには、hte index.jsファイルがlogin.html.erbに含まれていますが、レールサーバーを実行しているときに移行が機能していません。Ruby on RailsでJavascriptコードが動作しない
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('.img__btn').addEventListener('click', function() {
document.querySelector('.cont').classList.toggle('s--signup');
});
});
はDOMContentLoadListenerイベントリスナー内app/assets/javascripts/application.jsであなたの現在のJSコードをラップしていますindex.hsファイルを含むためにこの行をapp.htmlに追加してください。
<%= javascript_include_tag "index" %>
index.jsのパスを変更してみてください：ここでMy Rails Project、Codepen Template はindex.js内のJavaScriptコード
document.querySelector('.img__btn').addEventListener('click', function() {
document.querySelector('.cont').classList.toggle('s--signup'); });
私は既にRuby on Railsのデフォルトのフォルダであるasstes/javascriptsフォルダにindex.jsを追加しましたが、まだ動作していません。 –
@AashishKumarはページのソースを確認しましたか？ – Vishal
いいえ私はセバスチャンの上記の答えは働いていませんでしたが、私はDOMContentLoadedにjsコードを含めなければなりませんでしたが、DOMContentLoadedについてはわかりません。 –
同じコードを2回使用しているので、 'application.js'または' index.js'ファイルで実行できます。その後、繰り返したものを取り除くことを検討するかもしれません。 –
RoRはapplication.jsコードを自動的に追加するか、javascript_include_tagで手動で追加する必要がありますか？ –
また@Sebastionに感謝しました、あなたはもう一度その日を保存しましたが、それは働いていましたが、正確に何かを教えてください？ –