Spring Thymeleaf Jquery 链接语法错误答案

【问题标题】：Spring Thymeleaf Jquery link syntax errorSpring Thymeleaf Jquery 链接语法错误
【发布时间】：2014-07-21 15:54:16
【问题描述】：

我尝试使用 Spring 4 (4.0.2)、Thymeleaf 2 (2.1.3) 和 JQuery 2 (2.1.1)。我所尝试的只是使用 Petclinic 示例制作导航药片，但是 Thymeleaf 的 URL 语法出现 JQuery 语法错误

Error: Syntax error, unrecognized expression: /petclinic/register.html

我的首页：

<!DOCTYPE html>
<html lang="en">
<head th:fragment="headTag">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Page title</title>

 <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/3.2.0/css/bootstrap.min.css"
th:href="@{/webjars/bootstrap/3.2.0/css/bootstrap.min.css}" rel="stylesheet" />
 <link href="../../../resources/css/main.css" th:href="@{/resources/css/main.css}" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"
th:src="@{/webjars/jquery/2.1.1/jquery.min.js}"></script>
<script sr="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" th:src="@{/webjars/bootstrap/3.2.0/js/bootstrap.min.js}"></script>
</head>
 <body>
 </body>
 </html>

和正文页：

<!DOCTYPE html>
<html lang="en">
<body th:fragment="bodyHeader">
<img th:src="@{/resources/images/banner-graphic.png}" src="../../../resources/images/banner-graphic.png" class="center"/>

<div class="center" style="width: 601px;">
    <ul class="nav nav-pills">
        <li class="active"><a href="../welcome.html" th:href="@{/}" data-toggle="pill">Home</a></li>
        <li><a href="../register.html" th:href="@{/register.html}" data-toggle="pill">Register</a></li>

    </ul>
</div>
</body>
</html>

我在Firebug的控制台上遇到错误，当登陆主页并尝试进入注册导航药丸时，它表明问题是Thymeleaf的表达式：@{/register.html}

【问题讨论】：

您能否发布有关您遇到的错误的更多信息？
Sizzle.error = function( msg ) { throw new Error( "语法错误，无法识别的表达式：" + msg ); }; JQuery 2.1.1 中的 1436 行

标签： jquery spring thymeleaf

【解决方案1】：

您如何在浏览器中加载页面？它是否托管在像 Tomcat 这样的 Web 容器中？当您在浏览器中看到页面源时，URL 是如何出现的？它们显示为/... 还是@{/...}？

如果 URL 在页面源中显示为 @{/...}，则前缀 th 不会被渲染器拾取。将<html lang="en"> 更改为<html lang="en" xmlns:th="http://www.thymeleaf.org"> 并重试。

【讨论】：

我已经将 JQuery 降级到示例中使用的版本