将 Thymeleaf 文件设为动态页面时，Javascript 无法在 Thymeleaf 文件中工作

Question

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

这在静态页面中工作。但在动态化时，它并没有按预期工作。

Answer 1

对生活的疯狂，到底什么不起作用？

使用 Thymeleaf 特殊语法文本 /<![CDATA[不会从动态页面中消失。内联的要点是允许您使用特殊语法进行动态处理:/*[[...]]*/

例如，如果我的消息中有:

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>

希望你能解决问题:)