javascript - best_in_place 不是函数

Question

我无法让它工作。我已按照 here 描述的安装过程进行操作。该网站上的其他解决方案没有帮助。我在开发者工具上不断收到此错误

static_pages.self-8c8a5c3….js?body=1:7 Uncaught TypeError: JQuery(...).best_in_place is not a function

在 Controller 的咖啡文件上:

$(document).on 'ready page:load', ->
  jQuery(".best_in_place").best_in_place();
  return

我也尝试过在 View 本身上调用它

<script type = 'text/javascript'>
 $(document).ready(function() {
   /* Activating Best In Place */
   jQuery(".best_in_place").best_in_place();
});
</script>

application.js

//= require jquery
//= require best_in_place
//= require jquery.turbolinks
//= require jquery_ujs
//= require jquery-ui
//= require best_in_place.jquery-ui
//= require bootstrap
//= require turbolinks 
//= require_tree . 

我什至尝试过不使用 best_in_place.jquery-ui 并更改 best_in_place 的 require_tree 下面的顺序

这是我的 Gemfile:

gem 'rails', '4.2.6'
gem 'sqlite3'
gem 'devise', '~> 3.5', '>= 3.5.6'
gem 'best_in_place', '~> 3.0.1'

gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '~> 4.1.0'
gem 'jquery-rails'
gem 'jquery-ui-rails', '~> 5.0', '>= 5.0.5'
gem 'simple_form'
gem 'turbolinks'
gem 'jquery-turbolinks'
gem 'jbuilder', '~> 2.0'
gem 'sdoc', '~> 0.4.0', group: :doc

gem 'haml-rails', '~> 0.9.0'
gem 'bootstrap-sass', '~> 3.3.6'
gem 'bootstrap-will_paginate', '0.0.10'
gem 'sass-rails', '~> 5.0' 
gem 'will_paginate', '~> 3.1'
gem 'bootstrap-editable-rails', '~> 0.0.9'

我尝试过使用 gem 'best_in_place'，github:'bernat/best_in_place' 正如一些网站建议的那样。

Answer 1

我正在重新定义 Jquery 库。正如 documentation 中所表达的, application.js 上的 Best-in-place 应该放在 Jquery 之后

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require jquery-ui
//= require best_in_place
//= require best_in_place.jquery-ui

但是我的 applications.html.erb 有以下内容:

<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 

覆盖我之前的声明。