如何将JQuery从模板添加到我的rails应用程序?

时间:2015-10-20 00:23:37

标签: javascript jquery ruby-on-rails templates

我在这方面很新,但我学会了使用Rails离开Codecademy的基础知识,并试图找出如何使用我找到的模板构建基本网站。

我一直在使用这个模板:http://templated.co/retrospect我几乎可以部署除了它使用的JQuery之外的所有东西。 Rails课程没有介绍如何添加模板为菜单栏操作添加的JQuery(如果按下菜单按钮,它会拉出带有菜单选项的侧栏)。

在模板文件中,它提供了assets / js文件:

jquery.min.js, main.js, skel.min.js, and util.js

我尝试将这些放在我的rails应用程序的app / assets / javascripts文件夹中,但菜单操作似乎不起作用。我检查了application.js,我确实有// = require_tree。在那里。

您是否可以指导我如何使这项工作?

非常感谢你!

编辑:我已经使用// = require jquery安装了'jquery-rails'gem // =在我的application.js中需要jquery_ujs

2 个答案:

答案 0 :(得分:0)

这可能有效:使用jquery作为JavaScript库

  1. 将此gem添加到您的Gemfile中 gem' jquery-rails'

  2. 将此添加到您的application.js文件

    // = require jquery

    // = require jquery_ujs

  3. 这样你就不需要在资产中实际拥有JQuery.min.js文件。

答案 1 :(得分:0)

似乎最终修复我的错误的是为每个单独的文件使用javascript include标记。

在加载时查看页面源,文件将全部导入,但是在一个大的脚本标记中。将其拆分为不同的javascript包含标签将每个文件拆分为单独的标签,最终为我工作。我希望这可以帮助别人!