javascript - 表单 Jquery 函数

Question

我正在尝试通过单击按钮表单来显示 div。我知道这是错误的，只是不确定要写什么，我应该把它写在我的 javascript 页面上还是仅仅在视图中。

<%= submit_tag "Next Step", :type => 'button', :onclick => '$('#devregothinf').hide();' %>

<div id="devregothinf">
  <h2>General Information</h2>
  <%= render 'geninfor_step', form: f %>
</div>

我收到如下错误

syntax error, unexpected $end, expecting ')'

Answer 1

写如下：

<span onclick = "$('#devregothinf').slideToggle('slow');"> Next Step </span>

<div id="devregothinf" style="display:none;">
 <h2>General Information</h2>
 <%= render 'geninfor_step', form: f %>
</div>

Answer 2

你可以做这样的事情

视图（app/views/home.html.erb）

<%= link_to 'Next Step', 'home/next_step', :remote => true %>

<div id="devregothinf">

控制器 (app/controllers/home_controller.rb)

def next_step
  <your code>
  respond_to do |format|
      format.js
  end
end

*视图 (js.erb) (app/views/next_step.html.erb)*

$("#devregothinf").html("<%= raw escape_javascript(render(:partial => 'form')) %>")

*视图 (app/views/_form.html.erb)*

Your form partial

高温高压

Answer 3

如果你想让它显示而不是隐藏，你只需要改变 $('#devregothinf').hide(); 到 $('#devregothinf').show();