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

【问题标题】：How do I reference a Javascript file from a GSP file?如何从 GSP 文件中引用 Javascript 文件？
【发布时间】：2017-05-16 20:43:02
【问题描述】：

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

我正在尝试从我的一个 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>

【问题讨论】：

没有看到您的代码，任何人都无法帮助您。 stackoverflow.com/help/mcve
您好，欢迎来到 Stack Overflow。我已经编辑了你的问题，以便更清楚地解释这个问题。希望这种格式能帮助您了解如何最好地提出有助于我们回答的问题。

标签： javascript jquery grails

【解决方案1】：

如果你想添加特定的js试试这个

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

更好的方法是添加

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

在 \layouts\main.gsp 文件中。然后添加

//= require jquery-1.4.2.min

在 application.js 文件中。

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

【讨论】：

很抱歉它没有工作。我正在尝试在 gsp 中实现 jquery-1.4.2.min.js。但无法让 js 工作。但相同的概念在 grails 1.3.7 中有效，在 grails 3.2.8 中无效
适合我。谢谢

【解决方案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 然后它也可以工作

【讨论】：

非常感谢您的回复....在我的问题中附加了我的代码...它仍然无法正常工作....