更新

Question

我一直在寻找并尝试不同的方法很长一段时间，我似乎无法获得我想要工作的最基本的实现。

我只是想在主页上操作一个表单，我要做的第一件事就是隐藏。我不明白为什么我的语法不正确。

我的表格 -

<%= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %>
      <%= devise_error_messages! %>

      <div><%= f.label :first_name %><br />
      <%= f.text_field :first_name %></div>

      <div><%= f.label :last_name %><br />
      <%= f.text_field :last_name %></div>

      <div class="second_step"><%= f.label :profile_name %><br />
      <%= f.text_field :profile_name %></div>

      <div class="second_step"><%= f.label :email %><br />
      <%= f.email_field :email %></div>

      <div><%= f.label :password %><br />
      <%= f.password_field :password %></div>

      <div><%= f.label :password_confirmation %><br />
      <%= f.password_field :password_confirmation %></div>

      <div><%= f.submit "Sign up" %></div>
    <% end %>

    <%= render "devise/shared/links" %>

assets / javascripts / file_name.js中的简单js

 $('.second_step').hide();

我的application.js

//= require jquery
//= require jquery-ui
//= require jquery_ujs
//= require jquery.ui.datepicker
//= require justgage
//= require raphael.min
//= require jquery.purr
//= require best_in_place
//= require_tree .

=====

更新

控制台错误 -

Uncaught SyntaxError: Unexpected token ILLEGAL front.js:1
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/assets/rails.j

Answer 1

.必须在引号内：

 $('.second_step').hide();

Answer 2

我发现了错误。

我之前删除了文件名上的.coffee扩展名，上面的第一个控制台错误无法识别默认rails指令中的#。

我通过添加咖啡扩展程序来正常工作，以便正确识别#作为评论。

以下所有内容均使用文件名front.js.coffee ＃在此处放置与匹配控制器相关的所有行为和挂钩。＃所有这些逻辑将自动在application.js中可用。＃您可以在此文件中使用CoffeeScript：http://jashkenas.github.com/coffee-script/

jQuery ->
     $('.second_step').hide();

你的答案有助于确保我的语法是正确的，这是js以外的东西。谢谢你的关注。

简单的jQuery隐藏不在rails中工作

更新

2 个答案: