Jquery plugins Grails1.3.3、JQuery 1.6.1.1、main.gsp

Jquery plugins Grails1.3.3、JQuery 1.6.1.1、main.gsp,jquery-plugins,grails,Jquery Plugins,Grails,我已经将grails.views.javascript.library=“jquery”添加到config.groovy中,安装了插件并运行“grails InstallJQuery”将.js文件导入/web app/js 如果将添加到视图中,代码将按预期工作: search.gsp ... <g:javascript library="jquery" plugin="jquery"/> ... <div id="searchBox"> <g:remot

我已经将grails.views.javascript.library=“jquery”添加到config.groovy中,安装了插件并运行“grails InstallJQuery”将.js文件导入/web app/js

如果将
添加到视图中,代码将按预期工作:

search.gsp
...
<g:javascript library="jquery" plugin="jquery"/>
...
  <div id="searchBox">
    <g:remoteField
      name="q"
      update="peoplePanel"
      paramName="q"
      url="[controller:'user', action:'search']" />
  </div>
  <div id="peoplePanel">    <!-- ajax response will be placed in this div -->
  </div>

resulting code:
...
<script type="text/javascript" src="/find-people/plugins/jquery-1.6.1.1/js/jquery/jquery-1.6.1.js"></script>
...
  <div id="searchBox">
    <input type="text" name="q" value="" onkeyup="jQuery.ajax({type:'POST',data:'q='+this.value, url:'/find-people/user/search',success:function(data,textStatus){jQuery('#peoplePanel').html(data);},error:function(XMLHttpRequest,textStatus,errorThrown){}});" />
  </div>
  <div id="peoplePanel">    <!-- ajax response will be placed in this div -->
  </div>
search.gsp
...
...
结果代码:
...
...
如果我从视图中删除
,将
添加到视图中,并将
添加到main.gsp,则生成的ajax代码不同,搜索字段中的自动完成功能不再起作用:

main.gsp
...
<g:javascript library="jquery" plugin="jquery"/>
...

search.gsp
...
<meta name="layout" content="main">
...
  <div id="searchBox">
    <g:remoteField
      name="q"
      update="peoplePanel"
      paramName="q"
      url="[controller:'user', action:'search']" />
  </div>
  <div id="peoplePanel">    <!-- ajax response will be placed in this div -->
  </div>

resulting code:
...
<script type="text/javascript" src="/find-people/plugins/jquery-1.6.1.1/js/jquery/jquery-1.6.1.js"></script>
...
  <div id="searchBox">
    <input type="text" name="q" value="" onkeyup="new Ajax.Updater('peoplePanel','/find-people/user/search',{asynchronous:true,evalScripts:true,parameters:'q='+this.value});" />
  </div>
  <div id="peoplePanel">    <!-- ajax response will be placed in this div -->
  </div>
main.gsp
...
...
search.gsp
...
...
结果代码:
...
...

我无法控制如何在封面下进行处理。不使用layout/main.gsp似乎是唯一的选择,但有明显的缺点。

似乎默认原型优先于jQuery。 尝试删除原型

p、 如果您使用的是

运行
grails InstallJQuery