2015-10-20 39 views
0

我在這方面很新穎,但是我學習了使用Rails關閉Codecademy的基礎知識,並試圖找出如何使用我找到的模板構建基本網站。如何從模板添加JQuery到我的Rails應用程序?

我一直在使用這個模板:http://templated.co/retrospect,我能夠部署幾乎所有東西,但它使用的是JQuery。 Rails課程並沒有介紹如何添加模板爲菜單欄動作提供的JQuery(如果按下菜單按鈕,它會使用菜單選項提取側欄)。

在模板文件,它提供的資產/ js文件:

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

我試圖把這些在我的應用程序/資產/ JavaScript的我的Rails應用程序的文件夾,但菜單的動作似乎並不確實正在工作。我檢查application.js,並且確實有// = require_tree。在那裏。

你能指導我如何使這項工作?

非常感謝!

編輯:我已經安裝了 'jQuery的軌道' 寶石以// =需要的jQuery // =需要jquery_ujs在我的application.js

回答

0

這似乎是最終解決我的錯誤是每個單獨的文件使用javascript include標記。

查看加載時的頁面源代碼,這些文件將全部導入,但會導入到一個大腳本標記中。將它拆分成不同的javascript包含標籤將每個文件拆分成單獨的標籤,這些標籤最終爲我工作。我希望這可以幫助別人!

0

這可能會實現:使用jQuery作爲JavaScript庫

  1. 這塊寶石添加到您的Gemfile 寶石 'jQuery的軌道'

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

    // =需要的jQuery

    // =需要jquery_ujs

這樣,你不需要居然有JQuery.min.js資產文件。

+0

我實際上已經有了那個gem和那些行我的application.js文件。仍然不起作用:( – Lien

+0

您是否檢查過您是否擁有正確版本的gem?它只是一個功能上不能正常工作或者全部不起作用? – 2015-10-20 02:02:48

+0

唯一的JQuery功能是菜單,並且不會加載我會說從JQuery方面的一切,我如何檢查我是否擁有正確版本的gem? – Lien

相關問題