'jquery-rails'和'jquery-ui-rails'可以在一个项目下管理吗？

Question

在新的rails应用程序中使用两者

1. Rails 5.1.6
2. 红宝石2.3.5p376

在Gemfile中:

1. gem'jquery-rails','〜> 4.3.3'
2. gem'jquery-ui-rails','〜> 6.0.1'

在show.html.erb中

 <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>


<p>Date: <input type="text" id="datepicker"></p>
<p id="notice"><%= notice %></p>

在application.js中

//= require jquery-ui
//= require jquery
//= require rails-ujs
//= require turbolinks
//= require_tree .

在application.css中

/*
 *= require jquery-ui
 *= require_tree .
 *= require_self
 */

浏览器显示Uncaught ReferenceError:jQuery未在应用程序中定义

如果从应用程序jquery函数中删除'jquery-ui-rails'正常工作.

Answer 1

这是您的错误：

//= require jquery-ui
//= require jquery

从属脚本按顺序包括，即，在jquery-ui加载时，它找不到jQuery（将在接下来加载，但是脚本执行会因您的错误而退出并且无法继续）。

为了解决这个问题，地方jquery 之前 jquery-ui：

//= require jquery
//= require jquery-ui