【发布时间】:2016-05-27 09:00:45
【问题描述】:
我使用nested_form 和引导标签。为了使 bootstrap tab 正常工作,我需要为每个选项卡提供一个 唯一 id,否则 4 个选项卡中只有一个可以正常工作。
我已经能够获取每个嵌套表单输入的id,并通过使用以下方法将其作为唯一 id 提供给每个选项卡:
- field_title = f.text_field :title
- id2 = field_title.match(/id="(?<id>[^"]*)"/)
在我的引导选项卡中,我使用了这个解决方案:
.nav-tabs-custom
%ul.nav.nav-tabs
%li.active
%a{"data-toggle" => "tab", :href => "#tab_1_upl_#{id2}"} Upload
%li
%a{"data-toggle" => "tab", :href => "#tab_2_url_#{id2}"} link
%li
%a{"data-toggle" => "tab", :href => "#tab_3_lib_#{id2}"} image library
.tab-content
%div{id: "tab_1_upl_""#{id2}", class: " tab-pane active"}
image
%div{id: "tab_2_url_""#{id2}", class: " tab-pane"}
link
%div{id: "tab_3_lib_""#{id2}", class: " tab-pane"}
library
但现在的问题是,锚的id 是这样的:
id=" #tab_2_url_id="table_choices_attributes_1464338477560_title" "
如您所见:="table_choices_attributes_1464338477560_title" 是这里的问题并阻止 tab 正常工作。
我怎样才能只获取id 内的文本 或者只是替换= "?
我已尝试使用 gsub、tr、tr! 并收到错误 undefined method。
感谢您的帮助。
【问题讨论】:
-
是的,我收到错误
undefined method "tr"。我试过这个:id2 = field_title.match(/id="(?<id>[^"]*)"/).tr("=", '')
标签: javascript jquery ruby-on-rails twitter-bootstrap nested-forms