2015-11-03 30 views
1


我想將該JavaScript插件集成到我的Rails應用程序中。 https://github.com/VincentGarreau/particles.js/在Rails項目中使用ruby中的particle.js項目

到目前爲止我做了什麼?

application.js 
    /* particlesJS.load(@dom-id, @path-json, @callback (optional)); */ 

    particlesJS.load('particles-js', '/particle.json', function() { 
     console.log('callback - particles.js config loaded'); 
    }); 

我已經把供應商/資產/ javascript和在app /資產/ JavaScript的particle.json(配置文件)particles.js。 由於某些原因,particle.son加載不正確。

錯誤消息:
錯誤:ActionController的:: RoutingError(沒有路由匹配[GET] 「/particle.json」)

編輯
我試圖局部頁腳內使用的顆粒。這是行不通的。
相反,我將代碼移到了常規頁面,並且工作正常。 但是我不知道它爲什麼起作用!?

回答

1

是否在清單指令中引用了particles.js?例如,在application.js中,確保它指向//= require particles//= require tree .

由於在項目的根目錄/目錄中查找JSON對象,您可能會收到路由錯誤。由於您正在使用Rails資產管道,請將/particle.json更改爲assets/particle.json

 particlesJS.load('particles-js', 'assets/particle.json', function() { 
     console.log('callback - particles.js config loaded'); 
    });