jquery-Select2.min.js Uncaught TypeError: undefined is not a function +rails4答案

【问题标题】：jquery-Select2.min.js Uncaught TypeError: undefined is not a function +rails4jquery-Select2.min.js Uncaught TypeError: undefined is not a function +rails4
【发布时间】：2014-07-11 03:12:07
【问题描述】：

我在rails上使用了select2.min.js文件。以下错误抛出我。如何解决它。我花了很多时间来解决这个错误。我需要显示选择框

Select2.min.js Uncaught TypeError: undefined is not a function 
 ready                            unicorn.form_common.js?body=1:15
 (anonymous function)             jquery.turbolinks.js?body=1:30
 x.event.dispatch                 jquery.min.js?body=1:6
 v.handle                         jquery.min.js?body=1:6
 x.event.trigger                  jquery.min.js?body=1:6
 (anonymous function)             jquery.min.js?body=1:6 
 x.extend.each                    jquery.min.js?body=1:5
 x.fn.x.each                      jquery.min.js?body=1:5
 x.fn.extend.trigger              jquery.min.js?body=1:6
 $.turbo.onLoad                   jquery.turbolinks.js?body=1:36
 c                                jquery.min.js?body=1:5
 p.fireWith                       jquery.min.js?body=1:5
 x.extend.ready                   jquery.min.js?body=1:5
 q

我的 unicorn.form_common.js 和下面我提到了错误行

  ready = function(){

    $('input[type=checkbox],input[type=radio]').iCheck({
        checkboxClass: 'icheckbox_flat-blue',
        radioClass: 'iradio_flat-blue'
    });

   $('select').select2();  **// this line error**
   $('.colorpicker').colorpicker();
   $('.datepicker').datepicker();
   }

   $(document).ready(ready);
   $(document).on('page:load', ready);

这是我的 application.js

     // This is a manifest file that'll be compiled into application.js, which will       include all the files
     // listed below.
     //
     // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
     // or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
    //
    // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
    // compiled file.
    //
    // Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
    // about supported directives.
    //
   // require jquery
  //= require jquery.min.js
  //= require jquery-ui.custom.js
  //= require jquery.turbolinks
  //= require jquery_ujs
  //= require bootstrap 
  //= require pusher.min.js
  //= require fullcalendar_engine/application
  //= require gritter
  //= require jquery_nested_form
  //= require activities
  //= require message.js
  //= require livevalidation.js
  //= require child_form_validation.js
  //= require signup_form_validation.js
  //= require custom_validation.js
  //= require timelineJS/embed
  //= require jquery.tokeninput
  //= require bootstrap-datepicker
  //= require newsletters
  //= require excanvas.min.js
  //= require bootstrap-colorpicker.js
  //= require jquery.flot.min.js
  //= require jquery.flot.resize.js
  //= require jquery.sparkline.min.js
  //= require fullcalendar.min.js
  //= require jquery.jpanelmenu.min.js
  //= require dropzone
  //= require unicorn.js
  //= require unicorn.dashboard.js
  //= require jquery.dataTables.min.js
  //= require unicorn.tables.js
  //= require filterrific-jquery
  //= require jquery.icheck.min.js
  //= require select2.min.js
  //= require unicorn.form_common.js
  //= require children
  //= require messagescroll.js.coffee
  //= require parents
  //= require custom.js
   // require unicorn.login.js
  //= require tution_fees.js
  //# require_tree . #should not use because of mercury editor

谢谢你的帮助！

【问题讨论】：

“我花了很多时间来解决这个错误。”您是否尝试过在“花费时间”处理此错误时使用调试器？
俄式回答。

标签： jquery ruby-on-rails-4

【解决方案1】：

就我而言，我有旧版本的 jQuery，没有“prop()”函数。

要找到您的问题，请使用未压缩版本的 select2.js。
寻找发生错误的地方。

【讨论】：

【解决方案2】：

请确保 jquery 在您的 ready 函数之前加载

【讨论】：

【解决方案3】：

您可以在 application.js 中删除 require jquery.turbolinks。然后就可以了。

【讨论】：

Document ready 会因为 PJAX 而无法工作，而 turbolins 使用 PJAX，如果你还想使用 turbolinks。您可以指定禁止使用 turbolinks 的链接。