1

您能告诉我为什么这个handlebars.js 示例不起作用吗?我得到一个 jquery 错误?

TypeError:e在jquery中为null

看起来它发生在这里 $(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>
4

2 回答 2

1

我将 jQuery 版本更改为 1.7.2 并解决了问题。仍然不确定新版本中发生了什么变化

于 2013-09-17T18:13:46.133 回答
0

如果我将其更改为有效的正文,则该问题似乎已附加到文档中。

$('body').append(theTemplate(theData));
于 2013-04-18T11:24:17.017 回答