Rails/Javascript链接到用于切换多个元素的函数

Rails/Javascript link to function to toggle multiple elements

本文关键字：元素 函数 Javascript 链接 用于 Rails      更新时间：2023-09-26

我正在尝试修复这里的一些损坏的代码。基本上，它是一个小数据表，向人们显示一些汇总数据，这样他们就可以了解他们所看到的情况——这是一个隐藏的标签，从显示人口统计数据变为隐藏人口统计数据。我正在使用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

这是我的基本想法，当点击showtarget_link时，它会隐藏自己，然后显示hide_target_link和targettable。当您单击hide_target_link时，它将隐藏自身和targettable并显示show_target_link。我发现的问题是，当我点击链接时，什么都没有发生，什么也没有改变。如果我把代码改成

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

然后当我点击链接时，它会切换targettable，显然链接不会改变。然后我如何选择多个元素来执行相同的操作。没有控制台错误。我点击链接甚至不会触发日志。所以我没有办法嗅出这个。有什么想法吗？

试试这个，js = "$('#target_table,#show_target_link,#hide_target_link').toggle()"
如果有效或者添加一个公共类，如toggleLink和通过toggleclass

切换链接
相关文章：