2013-04-21 70 views
1

我已經使用Foundation Rails頁面上的指示將Foundation 4添加到現有的Rails應用程序。jquery無法使用rails和foundation 4

我遇到的問題是我的自定義jQuery代碼不適用於Foundation。下面是JavaScript代碼的application.html.haml頭部分只有一行:

= javascript_include_tag 'application' 

這裏是的application.js文件:

//= require vendor/custom.modernizr 
//= require jquery 
//= require jquery_ujs 
//= require datepickers 
//= require table_accordions 
//= require jquery.validate.min 
//= require form_validators 
//= require text_area_maxlength 
//= require s3_upload 
//= require foundation 
$(document).foundation(); 

我已經與多個序列撥弄左右在過去的幾天裏,他們在網上查看了無數頁面,卻沒有發現任何線索。

有什麼建議嗎?

回答

2

如果你在你需要添加的application.js附加代碼:

//= require_self 
+0

謝謝,但上面的清單是整個文件。無論如何,我嘗試添加它;不用找了。 – Wes 2013-04-22 09:01:44

+0

是的,您需要將require_self添加到文件中,以便在其中添加1個額外的js $(document).foundtation();將包括在內。 – 2013-04-22 11:50:39

+0

我希望我可以選擇正確的答案。 :DI有一些非常相似的東西(我在我的application.js中需求較少)有趣的是,它在一開始就沒有require_self的情況下運行良好,直到我爲混合添加指南針之後,我開始變得時髦「 TypeError:$(...).Foundation不是一個函數 - $(document).foundation();「錯誤。這幫了很多,謝謝。 – pootzko 2013-06-25 15:43:11

0

我終於想通了這一點。

事實證明,當我更新我的應用程序包,jquery-rails更新爲jquery 1.9.1,這與我的大多數自定義javascripts不兼容。

我改變了我的jQuery版本回到1.8.3,一切都再次運作。基金會的網站得到了顯着改善。

1

我除去

$(function(){ $(document).foundation(); });

的application.js和手動添加

<script>$(document).foundation().foundation('joyride', 'start');</script>

application.html.erb文件和一切的結束標記以上作品。

相關問題