选择二护栏不与ActiveAdmin工作(Select2-rails is not working

我有整合选择2护栏与ActiveAdmin困难。 我也跟着上安装步骤选择二，轨道Github上页： https://github.com/argerim/select2-rails和我添加一行：

//= require select2

以应用程序/资产/ JavaScript的/ application.js中和行：

*= require select2

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

所以我想，当我有页面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的问题，其中建议添加此行active_admin.css.scss ：

body.active_admin {
  @import "select2";
}

但后来我收到以下错误：

File to import not found or unreadable: select2.

我是否正确地整合呢？ 我不认为ActiveAdmin是能够得到甚至进入librabry。

Answer 1:

如果您要添加选择二到ActiveAdmin接口，你必须添加JavaScript和样式的ActiveAdmin资产：

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

和样式表：

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

在您所提供的示例中，选择二将提供给主要的Rails应用程序，而不是ActiveAdmin。 ActiveAdmin使用自己的JavaScript和样式表文件。

Answer 2:

我遇到了同样的问题，使得与activeadmin选择2的工作，而是我用了一个名为activeadmin，选择2宝石。 我曾根据README安装了它，但我仍然有错误的“导入未找到文件或无法读取：选择2”。 好像是选择2护栏没有安装或无法访问，但是。 于是我尝试添加select2-rails到我的Gemfile，并捆绑，最后，一切都很顺利。 你应该检查你的宝石在装货前，你可以使它发挥作用。

文章来源: Select2-rails is not working with ActiveAdmin