使其成为动态页面时,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 =

我对thymeleaf和spring非常陌生。这是我正在使用的代码。此javascript在代码中不起作用。谁能告诉我有什么问题吗。? 如果我使用了错误的thymeleaf引用,请纠正我

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

// 

希望这能帮您解决问题:)

您能提供收到的例外情况吗?