转载自:http://www.cnblogs.com/orez88/articles/1503822.html
Rails的Layout非常的好用,可以把Header,Footer,SideBar在一个公共的页面,统一风格而且非常的易于维护.
JQuery是我比较喜欢的js framework,强大的selector绝对符合我的口味,不二的选择.
问题就来了,Layout中通常包含了的内容,而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的话还需要额外处理.不过因为这些在我的应用中暂时都不需要,所以这个解决办法对我而言还是可以的.
分享到:
相关推荐
[Ruby_on_Rails][中文]_03._[Windows]_安裝Ruby_on_Rail_6.x
在过去的几年中,《Ruby on Rails Tutorial》这本书被视为介绍使用 Rails 进行 Web 开发的先驱者。 在这个全球互联的世界中,计算机编程和 Web 应用程序开发都在迅猛发展,我很期待能为中国的开发者提供 Ruby on ...
[Ruby_on_Rails][中文]_02._[Mac]_安裝Ruby_on_Rail_6.x
minitest-rails, Rails的Minitest集成 minitestRails 5的Minitest集成 安装gem install minitest-rails这将安装以下宝石:minitest配置创建一个新的Rail
they have rail-to-rail input or output operation capability. While some amplifiers on the market are able to accept input voltages from one rail to the other rail, this is achieved with a few ...
Power-Rail LED照明解决方案pdf,Power-Rail LED照明解决方案
RoleCore是一个Rails引擎,可以提供基于角色的访问控制的重要行业。 演示版 虚拟应用程序显示了具有CanCanCan集成(包括管理UI)的简单多个角色。 克隆存储库。 $ git clone ...
如果无法通过网络升级rail,可以通过本地安装包进行安装,内有使用说明
Ruby On Rails 官方教程,这本书讲解如何使用 Ruby on Rails 框架开发应用,以及如何把应用部署到生成环境。本书使用 Rails 默认的开发工具栈开发了一个完整的社交应用(类似 Twitter)。读完本书后你将掌握如何使用...
Rails::Rail::In rails-rail-in 用于查找印度铁路信息,例如火车列表、车站列表、路线、票价、PNR 状态、座位可用性等。 安装 要使用 Bundler 安装,请获取最新的稳定版本: gem 'rails-rail-in' , '~> 1.0.0' ...
on Rails. It’s true: Rails enables you to create database-driven web applications with remarkable speed and ease. And like many other open source projects, Rails has been most easily adopted by ...
在一个较大的项目中,这使编译速度提高了4倍: # Using sassc-rails[1] pry(main)> Benchmark.bm { |bm| bm.report { Rails.application.assets["application.css"] } } user system total real 1.720000 0.170000 ...
然后使用以下命令指定User记录中的哪个字段是电子邮件字段: class User < ApplicationRecord validates :email , presence : true , uniqueness : { case_sensitive : false } passwordless_with :email # &...
ruby on rail的rails的gem,版本2.1.0
Ruby on Rails应该不用多说了吧,Web领域敏捷开发最有竞争力的框架。
Rail Rails汇总中的时间序列数据:fire:Rails中的汇总时间数据可与Ahoy和Searchjoy安装配合使用。将此行添加到应用程序的Gemfile中:gem'rollups'对于Rails <6,还添加:gem'activerecord-import'并运行:bundle ...
Rails-API-React-Tutorial :laptop: 嘿! 这是一个非常容易遵循的Rails / React API教程,从头到尾全面深入。 本指南向您展示如何通过create-react-app将Ruby on Rails 5 API与React JS一起安装以及如何连接前端和...
在您的项目中使用 Replace All(在 Sublime 中使用 Command + Shift + F)将以下区分大小写的占位符替换为您的应用程序的适当名称: 占位符 替代品 rail_jumper --> your_app_name 跳线机 --> 你的应用...
根据[agile.web.development.with.rails]介绍的方法分离出的完整rails api 文档,html格式