javascript - Javascript 代码在 Ruby on Rails 中不起作用

Question

我试图用这个Codepen 模板做我的前端，但是当我试图点击注册按钮时，它并没有更改为代码在 index.js 文件中的注册表单，我已经包含了 hte 索引login.html.erb 中的 .js 文件，但是当我运行 rails 服务器时，转换不起作用。我的 Rails 项目，Codepen 模板 这是 index.js 中的 javascript 代码

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

Answer 1

尝试更改 index.js 的路径 在 app.html 中添加此行以包含索引 js 文件。

<%= javascript_include_tag "index" %>

Answer 2

将您当前的 JS 代码包装在app/assets/javascripts/application.js事件DOMContentLoadListener 侦听器中：

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