【问题标题】:Hash display jquery in rails view在rails视图中散列显示jquery
【发布时间】:2013-08-15 04:17:41
【问题描述】:

我在 Rails 项目中有一个哈希,以及在 erb 文件中以特定顺序和顺序显示它的内容。每个键都有一个数组作为值
我想显示一个视图页面,其中包含字段集中(左侧)中列出的所有键,并且值显示在另一个字段集中(右侧)。字段集中的每个条目都有一个单选按钮。默认情况下,右侧字段集中的第一个条目被选中,并且只有该键的值应显示在右侧。
如果左侧的键选择发生变化,右侧应仅显示与所选键对应的值。我想这样做是在 jquery 中。有什么建议?谢谢你。

a = { 1 => [我], 2 => [我,你], 3 => [什么,是,这个] }

默认视图(* 已选中,- 未选中)
* 1 * 我
- 2
- 3

改变
- 1 * 我
* 2 - 你
- 3

改变
- 1 * 什么
- 2 - 是
* 3 - 这个

改变
* 1 * 我
- 2
- 3

【问题讨论】:

  • 我想要一些关于如何最好地订购 div/li 并参考它们的提示。点击事件和基本的 jquery 东西被处理。谢谢

标签: javascript jquery ruby-on-rails erb


【解决方案1】:

根据定义,哈希是无序的。 Rails 会为你维护它们的顺序,但是如果你想保证一定的顺序,你应该养成使用数组的习惯。

用户 jQuery 点击事件可能就是您要寻找的:

$(document).on('click', '#someRadioButton', function(e) {
  $('.relevantValues').show();
  $('.irrelevantValues').hide();
});

【讨论】:

  • 代码进行排序,散列根据需要排序并正确关联。您建议的解决方案是通用的,复杂性在于标记和查找相关和不相关的值。
  • 这就是栈溢出的目的。我给你一个通用的推动,你有一些东西可以开始学习。 relevent 和无关值是您添加到 html 的类,用于区分要显示的内容和要隐藏的内容。
  • 感谢您的支持!
猜你喜欢
  • 2013-03-26
  • 1970-01-01
  • 2017-05-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-02-21
  • 2023-01-04
相关资源
最近更新 更多