在backbonejs中的控制台中显示消息

时间:2014-02-19 07:19:58

标签: javascript jquery backbone.js router

我正在尝试使用骨干js在控制台中显示消息。这是我尝试过的:

<!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>

尝试此操作后,我收到以下错误:

未捕获的ReferenceError:jQuery没有在jquery.is.min.js上定义:10 未捕获的TypeError:对象#的属性'$'不是backbone.js 1388上的函数 未捕获的TypeError:无法在measureIt.js上调用undefined方法'create':120

我的路由器出了什么问题?

2 个答案:

答案 0 :(得分:1)

您使用的链接不是有效的jquery链接。尝试更改它。

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

更正链接

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

答案 1 :(得分:0)

好像你目前缺少核心jQuery文件。尽量包含它。

<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>

或者如果您想要cloudflare的CDN文件,请使用:

<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>