使用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