Question

我想在这里修复一些破碎的代码。基本上它是一个小数据表，向人们显示一些摘要数据，以便他们可以获得他们所看到的内容的概述，这是一个隐藏的标签，从显示人口统计数据变为隐藏人口统计数据。我正在使用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，显然链接不会改变。然后，我如何选择多个元素来采取相同的操作。没有控制台错误。并通过我点击链接剂量甚至触发日志。所以我没办法嗅到这个。有想法的人吗？

Answer 1

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

Rails / Javascript链接到功能以切换多个元素

1 个答案: