ruby-on-rails - Rails 3.2.8 中 Twitter Bootstrap 和 jQuery.ui 冲突

Question

我有一个处理 Bootstrap 2.0 的 Rails 应用程序。它还使用 jQuery autocomplete combobox 。我的 application.js 如下所示:

//= require jquery
//= require bootstrap
//= require jquery_ujs
//= require jquery.ui.all
//= require rails.validations
//= require jquery.quicksearch
//= require jquery-tablesorter/jquery.metadata
//= require jquery-tablesorter/jquery.tablesorter
//= require jquery-tablesorter/jquery.tablesorter.widgets
//= require jquery-tablesorter/addons/jquery.tablesorter.pager
//= require_tree .

问题是，这种自动完成方式可以工作，但某些按钮在按下后不会变为“事件”类别。当我将 require bootstrap 放在 query.ui.all 声明之后时，如下所示

//= require jquery
//= require jquery.ui.all
//= require bootstrap
//= require jquery_ujs

一切都以完全相反的方式发生:按钮可以工作，但组合框不能。 这是我的 Gemfile(部分):

source 'https://rubygems.org'

gem 'rails', '3.2.8'
gem 'bootstrap-sass', '2.0.0'
gem 'will_paginate', '3.0.3'
gem 'bootstrap-will_paginate', '0.0.6'


# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails',   '3.2.4'
  gem 'coffee-rails', '3.2.2'
  gem 'jquery-ui-rails'
  gem 'jquery-tablesorter'    
  gem 'uglifier', '1.2.3'
end

gem 'jquery-rails', '2.0.2'
gem 'client_side_validations'

如何解决这个问题？

Answer 1

始终首先加载 jquery 和 jquery ui，因为几乎每个 javascript 都依赖于它们