原文地址:
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这个方法.不过封装的要更加好,使用起来更加灵活.有兴趣的同学可以参考一下.
分享到:
相关推荐
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-ui+jquery-ui-rails
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好的,这对我来说很好 ! 其次...
运行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-assets, 在 Rails 中,资产管理的解决 Rails 资产 Bundler 到 Bower 代理本自述文件涉及项目的开发方面。 访问站点了解如何在你的应用程序中使用 Rails 资产。 插件开发设置git clone git@github.com:tenex/r
NULL 博文链接:https://michael-roshen.iteye.com/blog/1743358
该宝石提供: jQuery 1、2和3 jQuery UJS适配器assert_select_jquery在Ruby测试中测试jQuery响应版本号从v2.1开始,jquery-rails gem遵循以下版本指南,以从Gemfile中更好地控制应用程序的jQuery版本: patch ...
与和活动记录您可以在找到有关如何在ActiveRecord中使用此gem的。MongoID 您可以在找到有关如何将此MongoID与MongoID一起使用的。 (同一件事,不同的分支)在你开始之前在继续之前,请确保您的项目正在使用jQuery-...
NULL 博文链接:https://hlee.iteye.com/blog/587000
在以下情况下自动回退到jquery-rails捆绑的jQuery: 您正在开发环境中,以便可以脱机工作。 CDN已关闭或无法访问。 最重要的是,如果您使用资产管道,则可能已经注意到组合的application.js中的主要代码块是...
Ruby On Rails 框架自它提出之日起就受到广泛关注,在“不要重复自己”,“约定优于配置”等思想的指导下,Rails 带给 Web 开发者的是极高的开发效率。 ActiveRecord 的灵活让你再也不用配置繁琐的 Hibernate 即可...
shoppe-example, 在 Rails 中使用Shoppe平台的示例存储实现 这是一个 Rails 应用程序,它使用 Shoppe 构建。 它具有一个可以爱的设计,以充分演示Shoppe平台提供的功能以及它在 Rails 应用程序中的。 正在启动要开始...
使用引导模式运行的 Rails 4 应用程序! 这个应用程序展示了如何在 rails 4 中使用模态请参阅 users/index.html.erb 中的 Users#Show 按钮