Javascript代碼在Ruby on Rails中不起作用

Question

我試圖使用此Codepen模板做前端，但是當我嘗試單擊“注冊”按鈕時，它沒有更改為index.js文件中包含代碼的注冊表單，因此我已經包含了hte index .js文件位於login.html.erb中，但是當我運行Rails服務器時，過渡無法正常工作。 My Rails Project ， Codepen模板這是index.js中的javascript代碼

document.querySelector('.img__btn').addEventListener('click', function() {
document.querySelector('.cont').classList.toggle('s--signup');  });

Answer 1

嘗試更改index.js的路徑。在app.html中添加此行以包含index js文件。

<%= javascript_include_tag "index" %>

Answer 2

將當前的JS代碼包裝在DOMContentLoadListener 事件偵聽器中的app/assets/javascripts/application.js中：

document.addEventListener('DOMContentLoaded', function() {
  document.querySelector('.img__btn').addEventListener('click', function() {
    document.querySelector('.cont').classList.toggle('s--signup');
  });
});