jquery.min.js:2 Uncaught TypeError: $(...).select2 is not a function

Question

选择表单这个表单看起来像选择然后选择代码

<div class="form-group">
                        <label>Multiple</label>
                      <select class="form-control select2 select2-hidden-accessible" multiple="" data-placeholder="Select a State" style="width: 100%;" tabindex="-1" aria-hidden="true" name="select2">
                          <option>Alabama</option>
                          <option>Alaska</option>
                          <option>California</option>
                          <option>Delaware</option>
                          <option>Tennessee</option>
                          <option>Texas</option>
                          <option>Washington</option>
                        </select>
                        </div>   

这是链接 Code error is here error come on javaScript Function

         @section('footerSection')
              <script  language="JavaScript" type="text/javascript" src="{{ asset('/admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>
            <script language="JavaScript" type="text/javascript" src="{{ asset('/admin/bower_components/jquery/dist/jquery.min.js')}}"></script>

            <script type="text/javascript"> 
             $( document ).ready(function() {

               $(".select2").select2();

              });
            </script>
             @endsection

Answer 1

您需要切换 src 顺序。 select2 可能是在定义之前尝试使用 jquery。

<script language="JavaScript" type="text/javascript" src="{{ asset('/admin/bower_components/jquery/dist/jquery.min.js')}}"></script>
<script  language="JavaScript" type="text/javascript" src="{{ asset('/admin/bower_components/select2/dist/js/select2.full.min.js')}}"></script>