我所显示的表格的屏幕空间有限,因此我显示了描述字段的截断 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 字段中保存的文本?
最佳答案
我创建了一个虚拟 Rails 项目@ https://github.com/rahul/SO_9347471 。我使用了twitter的bootstrap @http://twitter.github.com/bootstrap/index.html提供的模态库.
下载该项目,并且,
- 捆绑安装
- rake 数据库:迁移
- rake 数据库:种子
- rails 服务器
- 在浏览器中输入 localhost:3000
我为每辆车创建了一个模态 div,当引导 javascript 库加载时,它将所有此类 div 转换为引导模态(并隐藏它们,等待用户单击截断的文本)
======================================
看一下
http://jqueryui.com/demos/dialog/
然后
http://twitter.github.com/bootstrap/javascript.html#modals
它们包含易于理解的文档,可帮助您入门。如果您需要更多说明,请告诉我。
关于jquery - Rails 3.1 - 需要显示带有字段内容的 JS 弹出窗口 - 可以轻松完成吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9347471/