jquery - Rails 3.1 - 需要显示带有字段内容的 JS 弹出窗口 - 可以轻松完成吗？

Question

我所显示的表格的屏幕空间有限，因此我显示了描述字段的截断 View :

<td><%= simple_format car.description.truncate(200, :separator => ' ') %></td>

我需要将鼠标悬停或单击事件来生成一个简单的弹出窗口(“警报”、“工具提示”、“对话框”等)，显示 car.description 字段的完整内容。

我是公认的 JS 菜鸟。我看到的所有 JS-Rails 教程/信息都集中在不引人注目的 JS 上，主要处理 AJAX/远程服务器交互。我没有看到任何有助于理解如何在 View 中的丰富 JS UI 功能中使用 Rails 应用程序中的数据的内容。我看到了一个工具提示 gem，但是使用该 gem，工具提示内容是静态生成的，并且工具提示保存在自己的表中。它无法根据从数据库中提取的字段动态生成工具提示。

是否有一些非常非常简单的方法让 JS 弹出 Rails 字段中保存的文本？

Answer 1

我创建了一个虚拟 Rails 项目@ https://github.com/rahul/SO_9347471 。我使用了twitter的bootstrap @http://twitter.github.com/bootstrap/index.html提供的模态库.

下载该项目，并且，

1. 捆绑安装
2. rake 数据库:迁移
3. rake 数据库:种子
4. rails 服务器
5. 在浏览器中输入 localhost:3000

我为每辆车创建了一个模态 div，当引导 javascript 库加载时，它将所有此类 div 转换为引导模态(并隐藏它们，等待用户单击截断的文本)

======================================

看一下

http://jqueryui.com/demos/dialog/

然后

http://twitter.github.com/bootstrap/javascript.html#modals

它们包含易于理解的文档，可帮助您入门。如果您需要更多说明，请告诉我。