不显示带有JQuery创建的div的页面

时间:2015-03-27 11:06:20

标签: jquery spring thymeleaf

当我在chrome中手动打开它时,以下工作正常。但是,一个简单的spring starter app拒绝提供该文件。

IndexController类在没有jquery脚本

的情况下工作正常
@Controller
public class IndexController {
    @RequestMapping({"/index","/"})
    public String index(Model model,HttpSession session) {
        return "index";
    }
}

如果我想创建一个div,则正确传递html文件!

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>Hello</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function() {
            var i;
            for( i = 0 ; i < 5 ; i++ )
                {
                    var elem = '<div>' + '<p>blafoo</p>' + '</div>';
                    $('#container').append(elem);
                }
           });
        </script>

    </head>

    <body>
    <h1>Foo bar!</h1>
        <div id="container">
        </div>
    </body>
</html>

1 个答案:

答案 0 :(得分:0)

我实际上对Thymeleaf有一些经验。但基于此处的搜索,一些用户确实遇到了与Thymeleaf的Javascript问题。

您可以尝试将脚本包含在CDATA

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

或者只是将Javascript放在外部文件中。

请参阅:

  1. Thymeleaf and inline scripts SAXParseException
  2. Thymeleaf encoding issues with javascript (using spring mvc)