自定义 HTML 属性需要自定义帮助器吗?

发布于 2024-10-20 21:57:03 字数 527 浏览 4 评论 0原文

我正在尝试创建一个在输入上包含一些自定义数据属性的表单:

<input type="text" data-family="Dinosaurs">

这似乎是一种使用 jquery 轻松进行前端访问的干净方法(哈哈!):

$("[data-family='Dinosaurs']").doSomething()

问题是我无法获取 Rails(3.0.1)。 3) 渲染属性。

<%= f.text_field :question, :id=>"poll_question", :class=>"BigInput", :style=>"width:98%;", :attributes=>"data-submit_clear='1'" %>

我尝试了很多排列但无济于事,并且找不到如何执行此操作的示例。我是否需要修改 text_field 帮助器以支持任何自定义属性?

I'm trying to create a form with some custom data attributes on the inputs:

<input type="text" data-family="Dinosaurs">

This seemed like a nice clean way to have easy front-end access (haha!) with jquery:

$("[data-family='Dinosaurs']").doSomething()

The problem is I can't get Rails (3.0.3) to render the attribute.

<%= f.text_field :question, :id=>"poll_question", :class=>"BigInput", :style=>"width:98%;", :attributes=>"data-submit_clear='1'" %>

I've tried many permutations to no avail and can't find an example of how to do this. Do I need to modify the text_field helper to support any custom attributes?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

各自安好 2024-10-27 21:57:03

哎呀。这只是

<%= f.text_field :question, :id=>"poll_question", :class=>"BigInput", :style=>"width:98%;", 'data-submit_clear'=>'1' %>

Oops. It's just

<%= f.text_field :question, :id=>"poll_question", :class=>"BigInput", :style=>"width:98%;", 'data-submit_clear'=>'1' %>
随风而去 2024-10-27 21:57:03

Rails > 3.1 有一个方便的数据属性快捷方式,大多数 HTML 生成助手都支持这种方式:

<%= f.text_field :question, :data => { :submit_clear => '1' } %>

当您有几个数据属性时,它可以使内容更具可读性,例如:

<%= f.text_field :question, :data => { :submit_clear => '1', :more_info => 'Ok', :also => 'this' } %>

Rails >3.1 has a handy shortcut for data-attributes like this which most HTML-generating helpers support:

<%= f.text_field :question, :data => { :submit_clear => '1' } %>

It can make things more readable when you have a couple of data attributes, e.g.:

<%= f.text_field :question, :data => { :submit_clear => '1', :more_info => 'Ok', :also => 'this' } %>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文