在Rails Layout中使用JQuery的解决办法

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

Solution 2
这是Javaeye上小小龙猫提供的解决办法.
http://jonny131.javaeye.com/admin/blogs/179842
最基础的方法还是使用content_for这个方法.不过封装的要更加好,使用起来更加灵活.有兴趣的同学可以参考一下.

 

无觅相关文章插件,快速提升流量