Fatal编程技术网
  • javascript/
  • Javascript 在backbonejs的控制台中显示消息

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

javascript jquery backbone.js

Javascript 在backbonejs的控制台中显示消息,javascript,jquery,backbone.js,router,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> <

我正在尝试使用主干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>


骨干
用户管理器
var Router=Backbone.Router.extend({
路线：{
“家”
}
});
var router=新路由器（）；
路由器.on（'route:home'，函数（）{
console.log（'rout已加载'）；
});
Backbone.history.start（）；
尝试此操作后，我发现以下错误：

未捕获引用错误：jQuery.is.min.js:10上未定义jQuery 未捕获的TypeError:对象#的属性“$”不是backbone.js 1388上的函数 未捕获类型错误：无法在measureIt.js:120上调用未定义的方法“create”

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

似乎您当前缺少核心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>
您正在使用的链接不是有效的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
改为使用此url:
//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js
您不想连接到多个服务器。好的，添加了您的建议。谢谢，它可以工作，但我在控制台中收到另一条错误消息uncaughttypeerror:无法调用未定义的measureIt.js:120的“create”方法，这是什么？我没有添加measureIt.js。请尝试将
''home'
更改为
'*path'：'home'
。事实上你的代码对我来说很好！我也不知道为什么：PActually
//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