Я не могу получить простейший образец knockout.js для работы?

Question

Я пробовал этот код, но это не работает должным образом. мой код ниже

<link href="~/Content/knocktest.css" rel="stylesheet" /> 
    <script src="~/Scripts/knockout-2.3.0.js" type="text/javascript"></script> 

<script type="text/javascript"> 
     $(document).ready(function() { 
      var ViewModel = function (first, last) { 

       this.firstName = ko.observable(first); 
       this.lastName = ko.observable(last); 

       this.fullName = ko.computed(function() {     

        return this.firstName() + " " + this.lastName(); 
       }, this); 
      }; 
      ko.applyBindings(new ViewModel("Planet", "Earth")); 
     }); 
    </script> 

мой HTML код ниже

<p>First name: <input data-bind="value: firstName" /></p> 
<p>Last name: <input data-bind="value: lastName" /></p> 

Answer 1

У вас нет ошибок в коде, так что на самом деле единственное, что вам не хватает ваша ссылка на библиотеку JQuery поскольку вы используете;

$(document).ready(function() { 
    // rest of your code here 
}); 

Если вы не включили JQuery, то вы можете просто удалить $(document).ready() код, и убедитесь, что ваш JavaScript после всех ваших HTML элементов в организме.

<p>First name: <input data-bind="value: firstName" /></p> 
<p>Last name: <input data-bind="value: lastName" /></p> 

<span data-bind="text: firstName"></span> 
<span data-bind="text: lastName"></span> 

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.2.1/knockout-min.js"> </script> 
<script> 

    var ViewModel = function (first, last) { 

     this.firstName = ko.observable(first); 
     this.lastName = ko.observable(last); 

     this.fullName = ko.computed(function() { 
      return this.firstName() + " " + this.lastName(); 
     }, this); 

    }; 
    ko.applyBindings(new ViewModel("Planet", "Earth")); 

</script> 

Пожалуйста, проверьте это demo of your code at jsbin