select2-rails gem无法在Rails4上运行 [英] select2-rails gem is not working on Rails4
问题描述
我已经尝试过 select2-rails gem 的文档,但我的浏览器控制台仍然抛出错误。
I have tried given documentation for the select2-rails gem, but my browser console still throws an error.
未捕获TypeError:$(...)。select2不是函数
Uncaught TypeError: $(...).select2 is not a function
我正在使用 rails 4.0.1
& select2-rails 3.5.9.3
I am using rails 4.0.1
& select2-rails 3.5.9.3
我的 application.js
//= require jquery
//= require select2
//= require jquery.ui.accordion
//= require jquery.ui.menu
//= require jquery.ui.datepicker
//= require common
//= require posts
//= require twitter/bootstrap
//= require owl.carousel
//= require turbolinks
//= require vendor_js
//= require_tree .
$(document).ready(function() {
$("select#team_select").select2();
});
application.css
*= require select2
*= require_self
*= require jquery.ui.accordion
*= require jquery.ui.menu
*= require jquery.ui.datepicker
*= require common
*= require owl.carousel
*= require lazybox
*= require fancybox
*= require owl.theme
*= require 7531339
*= require_tree .
*= require font-awesome
_form.html.erb
<%= f.select(:team_id, @teams.collect {|p| [p.name, p.id]}, {include_blank: "None"}, {id: "team_select"}) %>
我在这里做错了什么?感谢任何帮助。
What i am doing wrong here? Any help is appreciated.
推荐答案
问题肯定在 application.js :根据他们的< a href =https://github.com/argerim/select_2_example/blob/master/app/assets/javascripts/application.js =noreferrer>演示应用,需要JS插件的顺序是如下:
The problem is surely in application.js: According to their Demo App, the sequence of requiring JS plugins is as follows:
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require select2
//= require select2_locale_pt-BR
//= require_tree .
在您的情况下,您必须加载 turbolinks
之前 select2
,导致:
In your case, you have to load turbolinks
before select2
, leading to:
//= require jquery
//= require turbolinks
//= require select2
//= require jquery.ui.accordion
//= require jquery.ui.menu
//= require jquery.ui.datepicker
//= require common
//= require posts
//= require twitter/bootstrap
//= require owl.carousel
//= require vendor_js
//= require_tree .
这篇关于select2-rails gem无法在Rails4上运行的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!