Select2-rails不使用ActiveAdmin

Question

我很难将select2-rails与ActiveAdmin集成。我在Select2-rails Github页面上遵循了设置步骤：https://github.com/argerim/select2-rails，并添加了行：

//= require select2

到app/assets/javascripts/application.js并行：

*= require select2

应用程序/资产/样式表/application.css.app

因此，我假设当我在ActiveAdmin中有页面时，我应该能够添加行：

$('#add_student_select').select2() 

转到active_admin.js.coffee

但这不管用。在控制台中，我可以看到以下错误：

Uncaught TypeError: undefined is not a function
(anonymous function)
fire
self.fireWith
jQuery.extend.ready
completed

我还遵循了这个StackOverflow question，它建议将这一行添加到active_admin.css.scss中

body.active_admin {
  @import "select2";
}

但是，我得到了以下错误：

File to import not found or unreadable: select2.

我是否正确地整合了它？我不认为ActiveAdmin甚至能够访问librabry。

Answer 1

如果要将Select2添加到ActiveAdmin接口，则必须将javascript和样式添加到ActiveAdmin资产中：

# app/assets/javascripts/active_admin.js.coffee
#
#= require select2
#
# ...

以及样式表：

// app/assets/stylesheets/active_admin.css.scss
//
//= require select2
//
// ...

在您提供的示例中，Select2可以用于主Rails应用程序，而不是ActiveAdmin。ActiveAdmin使用自己的javascript和样式表文件。

Answer 2

在使用activeadmin时，我遇到了同样的问题，但是我使用了一个名为activeadmin-select2 2的创业板。我已经根据自述安装了它，但是我仍然有错误“不可读:select2”。然而，似乎select2-rails还没有安装或无法访问。于是，我尝试将select2-rails添加到我的Gemfile中，并捆绑在一起，最后，一切都进行得很顺利。你应该检查你的宝石加载，然后才能使它工作。