jquery - Typeerror：grailsgspのselect2の「undefined」

Question

grailsプロジェクトでアプリケーションのタグ付けサポートに使用されるフィールドを設定するためにselect2を使用しています。

htmlに含めました

 <link rel="stylesheet" href="${resource(dir: 'css', file: 'select2.css')}"  type="text/css">
    <script  type="text/javascript" src="../js/select2.js"></script>
  <div class="select2-container select2-container-multi populate placeholder" id="s2id_e2_2" style="width: 250px"> 
     <select id="e2_2" name="majorSkills" multiple="multiple" style="width: 250px; display: 'Select Major Skills'; " class="populate placeholder"><option></option>
            <optgroup label="Java">
                <option value="j2ee">J2EE</option>
                <option value="hibernate">Hibernate</option>
                <option value="spring">Spring</option>

            </optgroup>
            <optgroup label="ERP">
                <option value="sap">SAP</option>
                <option value="peoplesoft">Peoplesoft</option>

            </optgroup>

        </select>
        </div>

私のスクリプトでは

$(document).ready(function () {
 $("#e2_2").select2({
                placeholder: "Select a State"
            });
});

jsファイルとcssファイルが含まれていますが、コンソールに表示されるエラーは

select2.js:33  ReferenceError: Can't find variable: jQuery

TypeError: 'undefined' is not a function (evaluating '$("#e2_2").select2({
        placeholder: "Select a State"
    })')

誰かがこれらの問題を解決するのを手伝ってもらえますか？

Answer 1

最初にjquery--jsを含め、次にselect2.jsを次のlに含めたので、うまくいきました。

答えと提案をありがとう-mkoryak

Answer 2

select2にはjqueryが必要です。含まれていなかったようです。