2010-10-06 63 views
0

你如何设置jQuery来使用rails。我特别想使用手风琴功能。我以前用PHP使用过这个,但是我不能确定在rails应用程序中需要的所有东西。我已经将jQuery导入到javascript文件夹中并将其包含在应用程序中。我的HTML被正确地摆出来,但我不明白的地方下面应该去:rails jQuery Accordion

<script> 
    $(document).ready(function() { 
    $("#accordion").accordion(); 
    }); 
</script> 

我自己也尝试安装jRails并使用Scriptaculous的手风琴,但都没有任何工作,所以我想我错过了javascript和rails之间的一些重要链接。

我已经找遍了一些关于如何设置它的明确说明,如果任何人有链接或可以通过它来引导我,它将不胜感激。

检查萤火虫后,我可以看到我收到以下错误:

$("#accordion").accordion is not a function 

我打电话jQuery的我打电话之前的application.js

+0

我已经得到了application.js – Rumpleteaser 2010-10-10 21:43:57

回答

0
  1. 我下载了错误的jQuery库,网站上的链接指向一个不完整的.js文件。下载你需要的东西:http://jqueryui.com/download不只是从http://docs.jquery.com/Downloading_jQuery下载文件
  2. 只需要在你的标准布局中直接调用你需要的javascript文件,不要使用:defaults选项。
  3. 如果你要使用不同的页面上有很多花哨的东西jQuery的添加文件准备功能,以您的观点,否则它添加到您的application.js
  4. 确保您的应用程序之前调用的jQuery UI的文件。 js文件或它不会以正确的顺序找到函数。
1

你只需把这个线在你看来,如果你不”不想要UJS系统。

相反,你可以把它放在你的application.js上,并在你的头节点中需要它。

+0

中的文档准备功能我已经在application.js中试过了,它不起作用,但是我刚剪切并粘贴它,就好像它会在标题中一样。 不能把它放在视图中,因为这将在html的正文中,而不是标题。 – Rumpleteaser 2010-10-10 21:40:10

1

您还需要确保您注释掉了默认JavaScript库,因为开箱即用,Rails应用程序会与原型打包在一起,这会与您的jQuery库冲突。

它看起来像这样:

<%= javascript_include_tag :defaults %> 

你击中萤火虫任何JavaScript错误?

+0

它调用正确的JavaScript库,我不知道在哪里把我上面提到的代码,但。 – Rumpleteaser 2010-10-10 21:40:53