我正在使用select2 来设置用于在我的 grails 项目中为我的应用程序标记支持的字段。
在 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"
})')
谁能帮我解决这些问题?