Rails 3.x Assets Pipeline Facebox jQuery插件（如何設置）

Question

我整夜都在腦海中摸索，試圖弄清為什么jQuery Facebox插件在我的Rails應用程序中不起作用。 這是我得到的錯誤，可以在doc ready中調用：

$.facebox("<a href='#'>hello</a>");

我覺得這與資產流水線有關，但不確定。 這就是我設置所需文件的方式：

vendor/assets/images/facebox/
./loading.gif
./closelabel.png

vender/assets/javascripts/facebox/
./facebox.js

vender/assets/stylesheets/facebox/
./facebox.css

然后在我的application.css中

...
*= require_self
 *= require_tree .
 *= require_tree ../../../vendor/assets/stylesheets/.
...

然后在我的application.js中

...
//= require jquery
//= require jquery_ujs
//= require_tree ../../../vendor/assets/javascripts/.
//= require_tree .
...

引發此javascript錯誤：

TypeError: Object function ( selector, context ) {// The jQuery object is actually just the init constructor 'enhanced'return new jQuery.fn.init( selector, context );} has no method 'facebox'

Answer 1

只需使用facebox-rails gem ，您的生活就會大大改善。

由於這花了我2個小時的時間來試圖弄明白，所以我覺得我會發布我的解決方案，這花了我2分鍾的全部時間來完成設置。

我也非常喜歡將其放入gem的解決方案，因為您不必費心分解所有文件，並確保將它們放在正確的位置並配置路徑。 由於我在所有項目中都使用了此彈出式窗口，因此它確實來自安迪。 認真地，感謝創造了這個寶石的家伙！