2013-01-03 40 views
2

我正在使用select2设置用于在我的grails项目中为我的应用程序添加标记支持的字段。Typeerror:'undefined'在grails中的select2 gsp

在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" 
    })') 

能任何人都可以帮我解决这些问题?

回答

0

select2需要jQuery。它看起来像你没有包括它。

+0

我已经包含了'号'在相应的模板gsp文件上 – Sri

+0

当您在控制台中评估以下内容时发生了什么:'jQuery' – mkoryak

+0

ReferenceError:无法找到变量:jQuery @ select2.js第43行 – Sri

1

我已经包括了jQuery - JS先select2.js在下一I,这样它的工作对我来说,

感谢您的回答和建议 - mkoryak