|
转载自: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的话还需要额外处理.不过因为这些在我的应用中暂时都不需要,所以这个解决办法对我而言还是可以的. |
|