Padrino 0.12.0，Compass 0.12.2，haml 4.0.5和Zurb Foundation 5（「camorra」插件） - javascripts不工作

Question

我無法讓Zurb基金會在Padrino中正常工作。樣式表被編譯和加載，但Foundation模塊不起作用。

http://intense-falls-2845.herokuapp.com/

是

http://foundation.zurb.com/templates/marketing.html

一個HAML版本，但無論是下拉菜單，也沒有軌道滑塊都在工作。

$ padrino g project PadrinoFoundation -e haml -c compass -s jquery -b 

$ padrino g plugin camorra 

$ bundle install 

一些編輯到應用程序/ app.rb（創建路線），應用程序/樣式表/ application.scss（刪除指南針引用藍圖）和應用程序/視圖/ application.haml：使用生成項目（佈局，閱讀下面）。

這些在下面可以看到：

（路線）https://github.com/bcsantos/PadrinoZurbFoundation/blob/master/app/app.rb

（樣式）https://github.com/bcsantos/PadrinoZurbFoundation/blob/master/app/stylesheets/application.scss

（佈局）https://github.com/bcsantos/PadrinoZurbFoundation/blob/master/app/views/application.haml

（整個庫）https://github.com/bcsantos/PadrinoZurbFoundation

關於佈局，我用https://github.com/CIRCUITLLC/foundation_templates_haml/blob/master/haml/marketing.html.haml但是是新的哈姆我可能犯了錯誤。希望如果有人指出我正確的方向，我可以弄清楚事情的真相。

有什麼不對？

感謝您的閱讀。

Answer 1

幾件事情，我注意到在檢查你的頁面：

• 加載Modernizr的當404錯誤：您的網頁正試圖從/javascripts/modernizr.js加載Modernizr的，但該文件實際上是/javascripts/vendor/modernizr.js（在vendor文件夾）。

• Missing Foundation JavaScript插件：您的頁面正在加載/javascripts/foundation/foundation.js，但它只包含Foundation核心，並且沒有任何插件（頂部欄下拉菜單和Orbit滑塊以插件形式實現）。您要加載的文件顯示爲/javascripts/foundation.js（上一級）。

• 缺少data-屬性觸發插件：頂欄和軌道滑塊插件由HTML data-屬性激活（你可以找到在源這些屬性http://foundation.zurb.com/templates/marketing.html）。您需要add these attributes才能看到。

我不確定這些更改是否足以讓您的頁面正常工作，但它們似乎是進一步調試所必需的。

---

更新：現在有一個ReferenceError: jQuery is not defined JavaScript錯誤，從基業庫觸發。根據Foundation的JavaScript setup instructions，需要在Foundation腳本之前加載jQuery和FastClick。 （我也會遵循該文檔並首先加載jQuery，然後是FastClick，然後是Foundation。）

另外，所有主流瀏覽器現在都有內置的開發人員工具。我建議爲您選擇的瀏覽器探索開發人員工具;他們將爲您節省大量的時間和精力:-)