0

KnockoutJsの初心者です。公式 Web サイトですべてのチュートリアルを試しました。
今、私は自分のローカル マシンですべての実用的なチュートリアルを実行したいので、knockout-2.1.0.jsをダウンロードしました。

このコードを試しましたが、ローカル マシンでは動作しません

index.php
---------
<!DOCTYPE html>
<html>
    <head>
        <title>Knockout</title>
        <script src="js/knockout-2.1.0.js"></script>
        <link rel="stylesheet" href="css/styles.css" />
        <script>
        // This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
        function AppViewModel() {
            this.myname= ko.observable("Frank");
            this.myage= ko.observable("26");

            this.mydetails= ko.computed(function() {
                var x;
                return this.myname() + ", and my age is " + this.myage() + 'yr. old.';
            }, this);

            this.capitalizeMyName = function() {
                var currentVal = this.myname();        // Read the current value
                this.myname(currentVal.toUpperCase()); // Write back a modified value
            };
        }

        // Activates knockout.js
        ko.applyBindings(new AppViewModel());
        </script>
    </head>
    <body>
    <p>New Application</p>
        <!-- This is a *view* - HTML markup that defines the appearance of your UI -->
        <p>My Name: <strong data-bind="text: myname"></strong></p>
        <p>My Age: <strong data-bind="text: myage"></strong></p>

        <p>My Name: <input data-bind="value: myname" /></p>
        <p>My Age: <input data-bind="value: myage" /></p>

        <p>Full Detalis: <strong>Hi, my name is <text data-bind="text: mydetails"></strong></p>

        <button data-bind="click: capitalizeMyName">Go caps</button>
    </body>
</html>

誰かがこれについての知識や考えを持っているなら、私に提案してください。ありがとう!

4

1 に答える 1

1

http://code.jquery.com/jquery-1.7.2.min.js

縮小されたファイルを含める必要があります: js/jquery-1.7.2.min.js

And put your viewmodel code between:

  $(document).ready(function(){

  // This is a simple *viewmodel* - JavaScript that defines the data and behavior of

});
于 2012-06-21T06:51:56.310 に答える