ruby-on-rails - Rails 3，为表单字段实现 'popup help' 的最简单方法

Question

对于我们的 rails 3 应用程序，托管在 heroku，使用 haml(但不是指南针或类似的东西):

当我们的用户填写表单时，我们希望为每个字段找到一个易于实现的“弹出”框，以解释其中的内容。不必花哨，但应该允许包含 20 到 100 个单词的任意大的多行弹出框

'popup' 也可以表示字段下方的某种类型的“展开”或“扩展”div 标记，但真正的页面弹出窗口将是理想的。

谁能建议一个简单的方法来实现它？

Answer 1

我能想到的最简单的方法是使用 facebox输入字段标签内部或之后的链接，指向一个隐藏的 div，其中包含您想要的帮助信息:

<label for="name">Name: <a href="#name-help" rel="facebox">?</a></label>
<input type="text" name="name" ... />
<div id="name-help" style="display: none;">
  <p>This is the help text for <strong>name</strong></p>
  <p>You can put any html here</p>.
</div>

您可以将帮助 div 放在输入之后或文档末尾；他们不会有任何区别。