jquery - jquery 不适用于 Rails 和 Foundation 4

Question

我已使用 Foundation Rails 页面上的说明将 Foundation 4 添加到现有 Rails 应用程序中。

我遇到的问题是我的自定义 jQuery 代码不适用于 Foundation。这是 application.html.haml 的 head 部分中唯一的 javascript 代码行：

= 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();

在过去的几天里，我摆弄了这些序列的多个序列，并在网上查看了无数页面，却没有找到任何线索。

有什么建议么？

Answer 1

如果您在 application.js 中有其他代码，则需要添加：

//= require_self

Answer 2

我删除了

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

来自application.js并手动添加

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

就在application.html.erb文件中的结束 body 标记上方，一切正常。

Answer 3

I finally figured this out.

It turns out that when I updated the bundle in my app, jquery-rails updated to jquery 1.9.1, which is incompatible with most of my custom javascripts.

I changed my jquery version back to 1.8.3, and everything works again. And the site is significantly improved with Foundation.