jQuery在Grails-未捕獲ReferenceError：$未定義

我有一個基於groovy和Grails（grails版本2.0.4）構建的應用程序。我; M在GSP頁面使用jQuery的Grails的-plugin

，如果我嘗試這樣的事情

<script type="text/javascript"> 

    $(document).ready(function() { 
     alert($); 
    }); 

</script>

讓我在錯誤控制檯

 Uncaught ReferenceError: $ is not defined list:24 
     (anonymous function)

，但如果我嘗試這樣的事情

<r:script> 

     $(document).ready(function() { 
      alert($); 
     }); 

    </r:script>

它按預期發出警報。

Grails的jQuery插件安裝jQuery的版本1.7.1

是什麼原因導致這種行爲/錯誤？

當我看到頁面的源代碼我看到jQuery是腳本標籤

加載後如何解決呢？

我main.gsp頁

<!doctype html> 
    <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> 
    <!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]--> 
    <!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]--> 
    <!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]--> 
    <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]--> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <r:require modules="jquery"/> 
    <title><g:layoutTitle default="Grails"/></title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon"> 
    <link rel="apple-touch-icon" href="${resource(dir: 'images', file: 'apple-touch-icon.png')}"> 
    <link rel="apple-touch-icon" sizes="114x114" href="${resource(dir: 'images', file: 'apple-touch-icon-retina.png')}"> 
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css"> 
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css"> 
    <g:layoutHead/> 
    <g:javascript library="jquery"/> 
    <r:require module="application"/> 
    <r:layoutResources /> 

</head> 
<body> 
    <div id="spinner" class="spinner" style="display:none;"><g:message code="spinner.alt" default="Loading&hellip;"/></div> 
    <div class="page_header"> 
     <g:render template="/templates/header" /> 
    </div> 
    <div class="container"> 
     <div class="left_column"> 
      <g:render template="/templates/commonMenu" /> 
     </div> 
     <div class="center"> 
      <g:layoutBody /> 
     </div> 
    </div> 
    <div class="footer"> 
     <g:render template="/templates/footer" /> 
    </div> 

</body> 
</html>

來源

2012-08-07 Sinoj Mahan

你包括jquery之前你的'

相關問題