Thymeleaf和jQuery報價失敗

Question

我試圖生成通過jQuery的有效跨距標籤：

  $("#commentsSection").append("<span class='myClass'>"); 

      $("#commentsSection").append("</span>"); 

我使用Spring引導和Thymeleaf和HTML等將不會呈現因：

SyntaxError: missing) after argument list 
$("#commentsSection").append("<span class="myClass">"); 

我應該用esape引號嗎？

Answer 1

如果你的javascript直接在html文件中，那麼用CDATA-Block將它包圍起來，這樣thymeleaf就不會嘗試渲染它。

<script> 
    // <![CDATA[ 
    . 
    . your code 
    . 
    // ]]> 
</script> 

Answer 2

退出報價或使用'單引號裏面。

$("#commentsSection").append("<span class='myClass'>"); 

或

$("#commentsSection").append("<span class=\"myClass\">"); 

Answer 3

你需要把逃生焦炭這樣，

"<span class=\"myClass\">" 

希望工程！