CODEWITHSUNDEEP
javascriptjquerybackbone.jsrouter
Mitthun
Mitthun

Reputation: 75

Showing a message in console in backbonejs

I am trying to show a message in console using backbone js. Here is what I have tried:

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Backbone</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

</head>
<body>
    <div class="container">
        <h1> User Manager</h1>
    </div>


    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.is.js/0.2.1/jquery.is.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.0/backbone-min.js"></script>
    <script>
        var Router = Backbone.Router.extend({

            routes: {
                '' : 'home'
            }
        });
        var router = new Router();
        router.on('route:home', function () {

            console.log('rout is loaded');
        });

        Backbone.history.start();
    </script>
</body>
</html>

After trying this I am getting this error below:

Uncaught ReferenceError: jQuery is not defined on jquery.is.min.js:10 Uncaught TypeError: Property '$' of object # is not a function on backbone.js 1388 Uncaught TypeError: Cannot call method 'create' of undefined on measureIt.js:120

Whats wrong with my router?

Upvotes: 1

Views: 403

Answers (2)

msapkal
msapkal

Reputation: 8346

The link which you are using is not a valid jquery link. Try changing it.

    //invalid link
    http://cdnjs.cloudflare.com/ajax/libs/jquery.is.js/0.2.1/jquery.is.min.js

Correct link

http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js

Upvotes: 1

Felix
Felix

Reputation: 38102

Seem like you're currently missing the core jQuery file. Try to include it.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.is.js/0.2.1/jquery.is.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.0/backbone-min.js"></script>

or if you want the CDN file from cloudflare then use:

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.is.js/0.2.1/jquery.is.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.0/backbone-min.js"></script>

Upvotes: 0

Related Questions