Uncaught ReferenceError: ko is not defined

Question

5.00/5 (1 vote)

See more:

, +

Hi all

This is my code showing error
Uncaught ReferenceError: jQuery is not defined jquery-ui.min.js:5
Uncaught TypeError: Cannot read property 'nodeType' of null

I am trying to learn knockout js but it is showing this ko is not found
My Code:

ASP.NET

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SPA.aspx.cs" Inherits="SPA" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.1.0.js"></script>
    <script>
        // Here's my data model
        var ViewModel = function (first, last) {
            this.firstName = ko.observable(first);
            this.lastName = ko.observable(last);

            this.fullName = ko.computed(function () {
                // Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName.
                return this.firstName() + " " + this.lastName();
            }, this);
        };

        ko.applyBindings(new ViewModel("Planet", "Earth")); // This makes Knockout get to work
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div class='liveExample'>
            <p>
                First name:
                <input data-bind='value: firstName' />
            </p>
            <p>
                Last name:
                <input data-bind='value: lastName' />
            </p>
            <h2>Hello, <span data-bind='text: fullName'></span>!</h2>
        </div>
    </form>
</body>
</html>

Please say what i did wrong

Please help to solve the problem
I tried in http://jsfiddle.net/bhagirathip/Z7uJZ/[^]

its working fine but not working in my system .

Please Help

Thanks in advance

Posted 16-Oct-12 23:42pm

Mac12334

Updated 17-Oct-12 3:43am

v3

Add a Solution

Comments

Tejas Vaishnav 17-Oct-12 5:54am

i think you got that error because of your Knockout.js is not loaded properly in your page.

so please try to check that part, or if it is properly loading, then please write your spa.js code in your page <script> tag. and then try to run again.

Mac12334 17-Oct-12 8:00am

Now it is showing another error :
Uncaught TypeError: Cannot read property 'nodeType' of nullUncaught TypeError: Cannot read property 'nodeType' of null

Tejas Vaishnav 17-Oct-12 9:13am

from where you got that error in code behind or from javascript... please use improve question functionality and provide more detail on your new error if possible also provide part of your code from where you got that error.

Mac12334 17-Oct-12 9:21am

Updated my question.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Dylan Morley · Accepted Answer · 2012-10-17T03:28:00

This is not a valid script token

<script src="http://jquery-ui.googlecode.com/svn/tags/1.8.22/"></script>

It needs to point at the js file, something like

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>

Your full source should read like so...

XML

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SPA.aspx.cs" Inherits="SPA" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div class='liveExample'>
            <p>
                First name:
                <input data-bind='value: firstName' />
            </p>
            <p>
                Last name:
                <input data-bind='value: lastName' />
            </p>
            <h2>Hello, <span data-bind='text: fullName'></span>!</h2>
        </div>
    </form>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.1.0.js"></script>
    <script>
        // Here's my data model
        var ViewModel = function (first, last) {
            this.firstName = ko.observable(first);
            this.lastName = ko.observable(last);

            this.fullName = ko.computed(function () {
                // Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName.
                return this.firstName() + " " + this.lastName();
            }, this);
        };

        $(document).ready(function () {
            ko.applyBindings(new ViewModel("Planet", "Earth")); // This makes Knockout get to work    
        });
    </script>
</body>
</html>