使用javascript的Thymeleaf页面布局

Question

我有几个Thymeleaf模板，其中包括一个通用菜单横向模板

  <div th:replace="tdk/common/menu :: [//div[@id='menu']]"></div>

我想在此通用模板中包含通用的javascript函数：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">


<script th:inline="javascript">
/*<![CDATA[*/   

function repeatMe() {
           alert('lalala');
    }
    var interval = setInterval(function() { repeatMe(); }, 1000);
    repeatMe(); // To start it immediately

/*]]>*/
</script>
<div>
...
</div>
 </html>

但是当我看到生成的模板的源代码时，我意识到不包含Javascript

Answer 1

您需要将脚本放置在div元素中。

!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div>

<script th:inline="javascript">
/*<![CDATA[*/   

function repeatMe() {
       alert('lalala');
}
var interval = setInterval(function() { repeatMe(); }, 1000);
repeatMe(); // To start it immediately

/*]]>*/
</script>

</div>
</html>

使用javascript的Thymeleaf页面布局

问题描述

1 个解决方案

解决方案1
1 已采纳 2018-02-23 12:50:08

使用javascript的Thymeleaf页面布局

问题描述

1 个解决方案

解决方案1 1 已采纳 2018-02-23 12:50:08

解决方案1
1 已采纳 2018-02-23 12:50:08