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

HTH

Answer 3

非表示ではなく表示する場合は、$（'＃devregothinf'）。hide（）;を変更するだけです。to $（'＃devregothinf'）。show（）;