Question

理解布局和加载.js的页面让我感到很困惑。有时它会让我疯狂。在layout/smart.gsp </body>之前，我有<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>：

$(document).ready(function () {
    alert('test')
}

当我使用它时：

Uncaught ReferenceError: $ is not defined

但是在我的index.gsp中给出了这个错误：<r:layoutResources/>。我必须先在</head>和</body>的布局中添加ApplicationResources.groovy吗？或者它仅适用于<r:require>并使用{{1}}？

Answer 1

你说你已经在主体末尾加载了加载jQuery的脚本标记，但是记住你需要在之前加载jQuery ，你可以使用$()。因此，您需要重新安排将jQuery的脚本标记放在正在执行$(document).ready的脚本上方的位置。

或者正确使用资源机制，使用jquery Grails插件，require jquery模块并将脚本片段放入<r:script>，Grails应该为您处理（Grails插件）将jQuery加载到头部而不是在主体的末尾。）

如何使用布局在我的gsp中加载jquery

1 个答案: