Question

我的Javascript文件位于assets/javascripts/js/line.js。

我正在尝试从我的一个GSP文件中引用该文件，但我无法使用。

在GSP文件中，我有以下标记：<asset:javascript src="/js/line.js" />

渲染GSP文件时，未获取此路径中的文件。

从GSP文件引用此Javascript文件的正确方法是什么？

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Tabs - Default functionality</title>
<asset:javascript src="jquery-2.2.0.min.js"></asset:javascript>
<script>
$( function() {
$( "#tabs" ).tabs();
$("#tabs").css("display","block");
} );
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="#tabs-2">Tab 2</a></li>
<li><a href="#tabs-3">Tab 3</a></li>
</ul>
<div id="tabs-1">
<p>Tab 1 Content</p>
</div>
<div id="tabs-2">
<p>Tab - 2 Content</p>
</div>
<div id="tabs-3">
<p>Tab - 3 Content</p>
</div>
</div>
</body>
</html>

Answer 1

如果要添加特定的js

，请尝试此操作

<script src="../assets/js/line.js"></script>

更好的方法是添加

<asset:javascript src="application.js"/>

\ main.gsp文件中的

。然后添加

//= require jquery-1.4.2.min

在application.js文件中。

注意：确保application.js和jquery-1.4.2.min.js存储在assets \ javascripts文件夹中

Answer 2

首先将您的javacsript文件放入此目录

your_project\grails-app\assets\javascripts\

然后将此行添加到您的GSP

<asset:javascript src="jquery-1.4.2.min.js">

当您使用Grails 3.2.8时，您应该使用jquery-2.2.0.min.js然后它也可以使用

如何从GSP文件中引用Javascript文件？

2 个答案: