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 并且显然链接不会改变。然后我如何选择多个元素来执行相同的操作。没有控制台错误。通过我点击链接dosent甚至触发日志。所以我没有办法闻出来。有人有想法吗？

4

1 回答 1

2

试试这个， js = "$('#target_table,#show_target_link,#hide_target_link').toggle()"
如果它正在工作或添加一个通用类，如toggleLink并通过 toggleclass 切换链接

于 2012-09-11T13:01:33.570 回答