handlebars.js example jquery error

Question

Can you please tell me why this handlebars.js example will not work? I get a jquery error?

TypeError: e is null in the jquery

looks like its happening here $(document).append(theTemplate(theData));

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/handlebars.js"></script>

    <script type ="text/javascript">

        $(document).ready(function () {
            var theData = { headerTitle: 'Shop Page', weekDay: 'Wednesday' };
            var theTemplateScript = $("#header").html();
            var theTemplate = Handlebars.compile(theTemplateScript);
            $(document).append(theTemplate(theData));
        });
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <script id="header" type="text/x-handlebars-template">
        <div> {{ headerTitle }} </div>
        Today is {{weekDay}}
   </script>
   </div>
   </form>
</body>
</html>

Answer 1

I changed my jQuery version to 1.7.2 and it fixed the problem. still not sure what changed in the newer version

Answer 2

如果我将其更改为可以正常工作的主体，则问题似乎会附加到文档中。

$('body').append(theTemplate(theData));

handlebars.js example jquery error

Question

2 answers

solution1
1 2013-09-17 18:13:46

solution2
0 ACCPTED 2013-04-18 11:24:17

handlebars.js example jquery error

Question

2 answers

solution1 1 2013-09-17 18:13:46

solution2 0 ACCPTED 2013-04-18 11:24:17

solution1
1 2013-09-17 18:13:46

solution2
0 ACCPTED 2013-04-18 11:24:17