2013-05-02 65 views
1

我試圖在我的rails項目中設置alertify而不使用任何寶石,並且我無法獲得工作的Hello World實現。我已經花了超過半天的時間,不知道爲什麼。看似簡單的js插件for rails應用程序

application.js

//= require alertify 

vendor/assets/javascripts

alertify.js 

在front.js.coffee

alertify.alert "I'm an alertify alert" 

vendor/assets/stylesheets

alertify.default.css 

控制檯沒有任何東西。我卡住了,我錯過了什麼?與另一個插件有類似的問題,我嘗試調用是使用腳本標籤形式的視圖,我得到一個未捕獲的ReferenceError: alertify is not defined錯誤。

回答

2

我試圖通過構建一個簡單的測試應用程序來重現您的問題 - 我把my test rails app on github作爲比較。

我最好的猜測是你的front.js.coffee中的javascript是在alertify(和DOM)被加載之前執行的。在我的情況下,以下工作得很好:

$ -> 
    alertify.alert "I'm an alertify alert" 

這編譯爲$(function(){alertify.alert("I'm an alertify alert");});。請參閱jQuery documentation for details on the $ function

順便說一句,你也應該放在vendor/assets/stylesheetsalertify.core.css,並要求其在application.css

*= require alertify.core 
*= require alertify.default 

後來沒有解決你提到的問題,但讓我們alertify好看;)