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

最新推荐文章于 2022-09-01 00:26:07 发布

gene_luo0801

最新推荐文章于 2022-09-01 00:26:07 发布

阅读量109

点赞数

文章标签： jQuery Rails JavaScript 脚本 Blog ViewUI

本文探讨了在Rails应用中如何有效地将JQuery初始化代码与布局文件结合使用。提出两种解决方案：一是直接利用Rails的content_for方法；二是进一步封装content_for以提供更灵活的使用方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文地址:[url]http://blog.tech4k.com/?p=256[/url]
Rails的Layout非常的好用,可以把Header,Footer,SideBar在一个公共的页面,统一风格而且非常的易于维护.
JQuery是我比较喜欢的js framework,强大的selector绝对符合我的口味,不二的选择.<br/>
问题就来了,Layout中通常包含了<header>的内容,而JQuery需要在header通过如下的code实现初始化.
[code]
<script type="text/javascript">
$(document).ready(function(){
......
}
</script>
[/code]
而这部分代码肯定是根据具体的功能页面不同而有所不同的,无法直接写在Layout页面中,那该怎么办?

[b]Solution 1[/b]
我自己找到并使用的解决办法:神奇的方法[b]content_for[/b]
[url]http://railscasts.com/episodes/8-layouts-and-content-for[/url].
在Layout文件中加入如下的code.
[code]
<head>
<title>My Tasks</title>
<%= yield :jquery %>
</head>
[/code]
在具体的功能页面中通过如下形式定义JQuery初始化脚本.
[code]
<% content_for :jquery do %>
<script type="text/javascript">
$(document).ready(function(){
......
}
</script>
<% end %>
[/code]
OK了.这样就可以了.这个解决办法的问题是你必须在每个功能页面实现一边初始化脚本.另外如果header,sidebar需要用到jquery的话还需要额外处理.不过因为这些在我的应用中暂时都不需要,所以这个解决办法对我而言还是可以的.

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