0

私はここで少し壊れたコードを修正しようとしています。基本的に、その人に少しの要約データを表示する小さなデータテーブルで、表示されているものの概要を取得できます。これは、人口統計の表示から人口統計の非表示に変わるタグによって非表示になっています。私はjavascriptを使用して、link_to_functionを使用してこれらの要素を切り替えて実行しています。

これが私が持っているコードです：

def drawer_links(drawer_name)
  s = []
  js = "$('#target_table','#show_target_link','#hide_target_link').toggle()"
  s << link_to_function('Show ' + drawer_name, js, :id => 'show_target_link')
  s << link_to_function('Hide ' + drawer_name, js, :id => 'hide_target_link', :style => 'display:none')
  return s
end

これが私が持っていた基本的な考え方です。show_target_linkをクリックすると、それ自体が非表示になり、hide_target_linkとtarget_tableが表示されます。そして、hide_target_linkをクリックすると、それ自体とtarget_tableが非表示になり、show_target_linkが表示されます。私が見つけた問題は、リンクをクリックしても何も起こらないということです。コードをに変更した場合

  js = "$('#target_table').toggle()"

次に、リンクをクリックすると、target_tableが切り替わり、明らかにリンクは変更されません。次に、複数の要素を選択して同じアクションを実行するにはどうすればよいですか。コンソールエラーはありません。リンクをクリックすると、ログがトリガーされます。だから私がこれをちょっと嗅ぐ方法はありません。誰かアイデアがありますか？

4

1 に答える 1

2

機能している場合はこれを試す js = "$('#target_table,#show_target_link,#hide_target_link').toggle()"
か、toggleLink のような一般的なクラスを追加し、toggleclassでリンクを切り替えます

于 2012-09-11T13:01:33.570 に答える