ruby-on-rails-3 – 让select2与主动管理员一起工作
发布时间:2020-12-16 23:03:08 所属栏目:百科 来源:网络整理
导读:我正在使用具有Active Admin的应用程序,需要从选择输入中选择多个值,我添加了Select2 gem,它添加了所有相关的JS和CSS,没有任何问题,但由于某种原因,选择框似乎改变了它们的外观稍微但不是完美的Select2外观,经过检查,JS看起来并不像它添加了所有正确的类……
我正在使用具有Active Admin的应用程序,需要从选择输入中选择多个值,我添加了Select2 gem,它添加了所有相关的JS和CSS,没有任何问题,但由于某种原因,选择框似乎改变了它们的外观稍微但不是完美的Select2外观,经过检查,JS看起来并不像它添加了所有正确的类……任何想法?
这是我的代码: active_admin.css.scss //= require select2 @import "active_admin/mixins"; @import "active_admin/base"; active_admin.js //= require select2 //= require active_admin/base $(".select2able").select2({ placeholder: "Select a Partner" }); activeadmin形式 f.input :sponsors,as: :select,collection: Sponsor.all,input_html: {class: 'select2able'} 解决方法
这是由Active Admin决定将其CSS样式包装在.active_admin选择器中引起的.结果,大多数第三方gem的CSS样式变得不那么具体,并且它们的外观变得破碎.
对于select2以及其CSS文件位于“stylesheets”文件夹内的所有gem,请在active_admin.css.scss的底部添加以下行: body.active_admin { @import "select2"; } 这将给所有select2的样式body.active_admin选择器,使它们比Active Admin的样式更具体. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |