使用knockout.js时为什么数据不会出现在HTML字段中

时间:2013-09-03 05:41:29

标签: javascript jquery asp.net knockout.js

我在knockout.js中更加新鲜,刚开始。我刚刚在asp.net表单应用程序中创建了一个简单的页面。并放置以下脚本和HTML。

当我运行此代码字段时仍显示空白

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="Scripts/knockout-1.2.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        var product = { itemNumber: "T314CE", model: "Taylor 314ce", salePrice: 1199.95 };
        ko.applyBindings(product);
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2>
            With Knockout</h2>
        <span>Item number</span><span data-bind="text: itemNumber"></span>
        <br />
        <span>Guitar model:</span><input data-bind="value: model" />
        <span>Sales price:</span><input data-bind="value: salePrice" />
    </div>
    </form>
</body>
</html>

没有js错误?我怎样才能找到背后的原因?

2 个答案:

答案 0 :(得分:1)

您应该在document.ready上调用该函数,或者您可以将脚本块放在HTML文档的底部。

答案 1 :(得分:1)

rahularyansharma你的绑定在你的DOM加载之前执行..所以它永远不会工作,直到它将在document.ready或页面底部脚本区域内超越。