Rails 3.2.8 中的 Twitter Bootstrap 和 jQuery.ui 冲突答案

【问题标题】：Twitter Bootstrap and jQuery.ui conflict in Rails 3.2.8Rails 3.2.8 中的 Twitter Bootstrap 和 jQuery.ui 冲突
【发布时间】：2012-09-21 15:00:37
【问题描述】：

我有一个处理 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'

我该如何解决这个问题？

【问题讨论】：

标签： ruby-on-rails jquery-ui twitter-bootstrap gem ruby-on-rails-3.2

【解决方案1】：

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

【讨论】：

我做到了。现在，正如我之前描述的，按钮可以工作，但组合框不能。
先尝试更新 boostrap sass。 gem 'bootstrap-sass', '~> 2.1.0.0'
还发布您在哪里将引导程序导入到您的 css
同样的事情。 Bootstrap 有效，但 jQuery-ui 无效。我以这种方式在 custom.css.scss 中导入引导程序@import "bootstrap";

【解决方案2】：

通过手动添加以某种方式不适用于元素的类和跨度来修改自动完成组合框 js 代码，从而解决了这个问题。

【讨论】：