使其成为动态页面时,Javascript在Thymeleaf文件中不起作用
我对thymeleaf和spring非常陌生。这是我正在使用的代码。此javascript在代码中不起作用。谁能告诉我有什么问题吗。? 如果我使用了错误的thymeleaf引用,请纠正我使其成为动态页面时,Javascript在Thymeleaf文件中不起作用,javascript,thymeleaf,Javascript,Thymeleaf,我对thymeleaf和spring非常陌生。这是我正在使用的代码。此javascript在代码中不起作用。谁能告诉我有什么问题吗。? 如果我使用了错误的thymeleaf引用,请纠正我 <script th:inline="javascript"> //<![CDATA[ // Javascript to enable link to tab var hash =
<script th:inline="javascript">
//<![CDATA[
// Javascript to enable link to tab
var hash = document.location.hash;
var prefix = "tab_";
if (hash) {
$('.nav-tabs a[href=' + hash.replace(prefix, "") + ']').tab('show');
}
// Change hash for page-reload
$('.nav-tabs a').on('shown', function(e) {
window.location.hash = e.target.hash.replace("#", "#" + prefix);
});
//]]>
</script>
<script th:inline="javascript">
//<![CDATA[
$("#example-advanced").treetable({ expandable: true });
// Highlight selected row
$("#example-advanced tbody").on("mousedown", "tr", function() {
$(".selected").not(this).removeClass("selected");
$(this).toggleClass("selected");
});
//]]>
</script>
//
//
这是在静态页面工作。但是,在创建dynamic时,它并没有按预期工作 尝试将其包围在:
$(document).ready(function(){ /*Place your code here*/ })
最常见的错误-您在声明JS时,文档可能尚未加载
第二个选项是在没有更多JS代码的情况下,向脚本标记添加defer属性,它将告诉浏览器仅在加载所有DOM后运行脚本
您可以在这里找到更多的知识:
疯狂人生,什么样的情况不起作用 使用Thymeleaf特殊语法,文本
/不会从动态页面中消失。内联的要点是允许您为动态处理使用特殊语法:/*[[…]]*/
例如,如果我的邮件中有:
page.home.header=Page
然后我输入以下代码:
<script th:inline="javascript">
//<![CDATA[
var heder = /*[[${page.home.header}]]*/'Static';
//]]>
</script>
//
将被处理为:
<script th:inline="javascript">
//<![CDATA[
var heder = 'Page';
//]]>
</script>
//
希望这能帮您解决问题:)您能提供收到的例外情况吗?