未被捕获的ReferenceError:$未定义rails [英] Uncaught ReferenceError: $ is not defined rails
本文介绍了未被捕获的ReferenceError:$未定义rails的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试将Froala编辑器添加到我的项目中.
I'm trying to add Froala editor to my project.
仅在生产服务器上存在问题(在localhost上工作正常) 我正在使用Rails 4.1.0 在gemfile中，我有
Problem only on production server(on localhost it works fine) I'm using rails 4.1.0 In gemfile i'm have
gem 'jquery-rails'
在我的资产/javascripts/application.js中:
In my assets/javascripts/application.js:
//= require jquery
//= require jquery_ujs
//= require foundation
//= require turbolinks
//= require_tree .
//= require modernizr
//= require froala_editor.min.js
在new.html.erb文件中:
In new.html.erb file:
<div class="row">
<%= form_for :article do |f| %>
<p>
Title<br>
<%= f.text_field :title %>
</p>
<p>
Content<br>
<%= f.text_area :text, :id=>'content' %>
<p>
<%= f.submit %>
</p>
<% end %>
</div>
<script>
$(function() {
$('div#content').editable({
inlineMode: false
})
});
</script>
在application.html.erb中:
In application.html.erb:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%= content_for?(:title) ? yield(:title) : "foundation-rails" %></title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag "vendor/modernizr" %>
<%= javascript_include_tag "application" 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<%= yield %>
</body>
</html>
在这种情况下，结果是:
In this case result is:
Uncaught ReferenceError: $ is not defined
如果我要添加字符串:
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
结果是:
Uncaught TypeError: undefined is not a function
推荐答案
这是我的解决方案:
将其放入您的app/assets/javascripts/application.js
Put this in your app/assets/javascripts/application.js
//= require jquery
//= require jquery_ujs
并安装此gem文件:
gem 'jquery-rails'
这篇关于未被捕获的ReferenceError:$未定义rails的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
