原文地址:
http://blog.tech4k.com/?p=256
Rails的Layout非常的好用,可以把Header,Footer,SideBar在一个公共的页面,统一风格而且非常的易于维护.
JQuery是我比较喜欢的js framework,强大的selector绝对符合我的口味,不二的选择.<br/>
问题就来了,Layout中通常包含了<header>的内容,而JQuery需要在header通过如下的code实现初始化.
<script type="text/javascript">
$(document).ready(function(){
......
}
</script>
而这部分代码肯定是根据具体的功能页面不同而有所不同的,无法直接写在Layout页面中,那该怎么办?
Solution 1
我自己找到并使用的解决办法:神奇的方法
content_for
http://railscasts.com/episodes/8-layouts-and-content-for.
在Layout文件中加入如下的code.
<head>
<title>My Tasks</title>
<%= yield :jquery %>
</head>
在具体的功能页面中通过如下形式定义JQuery初始化脚本.
<% content_for :jquery do %>
<script type="text/javascript">
$(document).ready(function(){
......
}
</script>
<% end %>
OK了.这样就可以了.这个解决办法的问题是你必须在每个功能页面实现一边初始化脚本.另外如果header,sidebar需要用到jquery的话还需要额外处理.不过因为这些在我的应用中暂时都不需要,所以这个解决办法对我而言还是可以的.
Solution 2
这是Javaeye上
小小龙猫提供的解决办法.
http://jonny131.iteye.com/admin/blogs/179842
最基础的方法还是使用content_for这个方法.不过封装的要更加好,使用起来更加灵活.有兴趣的同学可以参考一下.
分享到：
相关推荐
这个gem负责将jQuery UI的库文件打包并整合到Rails的asset pipeline中，使得在Rails项目中使用jQuery UI变得简单。 要使用`jquery-ui-rails` gem，开发者需要在Gemfile中添加依赖，并执行`bundle install`命令安装...
要在Rails 3项目中使用jQuery UI的datepicker，首先要确保已经安装了jQuery库。这通常通过在`Gemfile`中添加`jquery-rails` gem来实现： ```ruby gem 'jquery-rails' ``` 然后运行`bundle install`命令来安装这个...
jquery-rails, 一个 gem，用于自动使用jQuery和 Rails 3 railsjQuery 面向 Rails 如此伟大。这里 gem 提供：jQuery 1.7.2jQuery UI 1.8.18 ( 仅适用于 javascript )jQuery UJS适配器assert_select_j
jquery-datatables-rails, 用于 Rails的jquery数据表 gem jquery-datatables-rails 这个 gem 为 jQuery DataTables插件提供了方便，以便与 Rails 资产pipleine结合使用。 它提供所有基本的datatable文件，以及一些...
jquery-fileupload-rails, 用于 Rails的jQuery文件上传集成 Rails 文件上传jQuery-File-Plugin 是一个文件上传插件，由的Tschan 。 jQuery文件上传功能多文件选择。drag&拖放支持。进度栏和jQuery预览图像。 支持...
rails_layout, 为各种前端框架生成 Rails 应用程序布局文件 RailsLayout gem使用这里 gem 可以设置你选择的前端框架的布局文件：Zurb基础 5.3Bootstrap 4.0Bootstrap 3.3它还将为 Bootstrap 或者基础设置设计视图。...
jquery-validation-rails, 对 Rails 资产管道的jQuery验证 :: 验证：: rails针对 Rails 资产管道的...安装这里 gem将以下行添加到项目的Gemfile 中：gem 'jquery-validation-rails'在你的终端中运行以下命令：cd ~/pa
在Rails 4中使用jQuery自动完成的一种简单方法。 同时支持ActiveRecord， 和 。 与和 在你开始之前 在继续之前，请确保您的项目正在使用jQuery-UI和自动完成小部件。 您可以在此处找到有关此信息的更多信息： 我...
rails-behaviors, jQuery和Zepto的Rails UJS行为 Rails 行为( 不推荐使用)Rails 行为实现了 Rails 3. x. 生成的data-* 行为这是一个替代 jquery-ujs的方法。 首先，它都是CoffeeScript好的，这对我来说很好 ！ 其次...
这篇博文“rails中使用javascript日期控件”探讨了如何在Rails应用中集成和使用JavaScript日期选择器，以实现更高效、友好的前端交互。 首先，我们需要了解JavaScript日期控件的基本概念。JavaScript是一种在客户端...
运行bundle list ，以确保你要么不使用jquery-rails ，或者至少是3.0.0版本的jquery-rails 。 用法 在您的Gemfile中，添加： gem 'jquery-ui-rails' 需要一切 要需要所有jQuery UI模块，请将以下内容添加到...
Brevidy, 使用 Ruby on Rails HAML Bootstrap 和jQuery构建的视频社交网络 Brevidy通过 Gratipay 支持这里项目 Brevidy是我用 Ruby on Rails 3.0.7.HAML 。Bootstrap 和jQuery构建的视频社交网络，它被发布到beta...
假设您使用的是茉莉花宝石，则在jasmine.yml中具有： src_files：-...-资产/茉莉花jquery.js 或直接包含在/assets/jasmine-jquery.js 用法 阅读有关jasmine-jquery的 贡献 jasmine-jquery-rails和jasmine-jquery由...
标题 "在Rails中使用RSpec生产CHM文档" 暗示了这个话题是关于如何在Ruby on Rails（简称Rails）框架中使用RSpec测试工具来创建帮助文档，特别是以CHM（Microsoft Compiled HTML Help）格式。CHM文件是一种常见的...
rails-assets, 在 Rails 中，资产管理的解决 Rails 资产 Bundler 到 Bower 代理本自述文件涉及项目的开发方面。 访问站点了解如何在你的应用程序中使用 Rails 资产。 插件开发设置git clone git@github.com:tenex/r
在Firefox浏览器中使用jQuery AutoComplete，可能会遇到一些特定的问题，因为不同的浏览器对某些JavaScript特性可能有不同的实现或支持。这篇博客（链接已提供）可能详细讨论了在Firefox中实现jQuery AutoComplete时...
7. **哈希与符号化键（Hashes and Symbolized Keys）**：在Rails中，使用符号作为哈希键可以提高性能，因为符号是不可变的，且在内存中只存储一次。 8. **部分视图（Partials）**：部分视图是可重用的视图代码块，...
该宝石提供： jQuery 1、2和3 jQuery UJS适配器assert_select_jquery在Ruby测试中测试jQuery响应版本号从v2.1开始，jquery-rails gem遵循以下版本指南，以从Gemfile中更好地控制应用程序的jQuery版本： patch ...
标题“在Rails中使用SSL”涉及的是如何在Ruby on Rails框架下配置并使用安全套接层（SSL）来实现网站的加密通信。Rails是用Ruby编程语言开发的一个流行的Web应用程序框架，它支持HTTPS协议，通过SSL/TLS证书来提供...
为了运行和测试应用，你需要在命令行中使用Rails服务器。在Aptana中，可以使用内置的终端工具。打开“Terminal”视图，输入`rails server`启动服务器，然后在浏览器中访问`http://localhost:3000`查看你的应用。 在...