javascript - querySelectorAll 在 Rails 5 中不起作用

Question

我对 Coffeescript 及其在 RoR 上的工作方式不太熟悉，所以我很难解决这个问题:

我的 Assets 文件中有一个名为 Candidate.coffee 的文件，该文件是在脚手架命令中生成的。我编码如下:

masks = document.querySelectorAll('[data-mask]')
alert masks.length

在候选人看来，我在 form_ 中为其中一些输入进行了编码，所有这些输入都带有数据掩码属性。

<%= f.label :cep, "CEP" %>
<%= f.text_field :cep, data: { mask: 'cep' } %> 
... 

所以，问题是:我知道Rails 到达candidate.coffee，因为Alert 函数有效，并且它给了我0(零)长度。但我不知道为什么 document.querySelectorAll 不起作用。

我读到 Assets 中的所有 .coffee 文件都已编译，但我没有找到 Rails 如何将 .coffee 文件与 View 文件关联起来。这意味着，candidate.coffee 中的这段代码

masks = document.querySelectorAll('[data-mask]')

应该搜索我的项目中的所有 View 文件吗？也就是说，我确实使用了任何类型的 HTML 标签作为

<script src=... script> 

在我的 View 文件中，并且没有更改我的 Application.js。

我该如何解决这个问题？有人可以帮助我解决有关 .coffee/js 文件中 Rails 相关函数如何与 View 相关的问题吗？

Answer 1

您需要确保在运行该脚本之前文档已完全加载。尝试添加

$ ->

在文件顶部并确保正确缩进其余代码，因为这在coffeescript中相当于document.ready()