骨干js没有路由到我的网址

时间:2012-12-01 20:47:17

标签: backbone.js routing

我有下面的设置;单击产品或销售链接时,骨干路由不会启动 我是否必须明确地从视图中调用导航?

<script type="text/javascript">

        $(function () {
            var Router = Backbone.Router.extend({
                routes: {
                    "Products": "products",
                    "Sales": "sales"
                },
                products: function () {
                    console.log('products');
                },
                sales: function () {
                    console.log('sales');
                }
            });
        new Router();
            Backbone.history.start();
        });
        </script> 

我在aspx页面中有2个产品链接

<div id= "Store">
    <ul>
        <li><a href="#Products">Products</a> </li>
        <li><a href="#Sales"> Sales</a> </li>
</ul>
</div>

1 个答案:

答案 0 :(得分:0)

我可以在代码中看到的唯一问题是app.init未定义,因此脚本在命中路由器之前崩溃了。如果我只是为该方法添加一个存根(或删除app.init()),那么就会按预期触发路由。

var app = {
    init: function() {}
};

见这里:http://jsfiddle.net/ZnrPd/2/