【问题标题】:router function not triggering路由器功能未触发
【发布时间】:2013-02-16 10:46:01
【问题描述】:

在我的主干函数中,我将 id 导航到路由器,但该函数没有调用......我也给了不同的示例导航 url 到我的链接,那些没有调用函数..

我的代码:

    (function($){

        var myRouter = Backbone.Router.extend({
            routes:{
                "":"defaultRoute", //onload it works
                '#/name/:id':"nameData", 
                             // i am calling this function on default Router
                '#/project/:id':"projectData"
            },
            defaultRoute:function(){
                console.log('default')
                startRoute.navigate("#/name/3"); // i am redirecting
            },
            nameData:function(id){
                console.log(id); // id not consoling not called this func.
            },
            projectData:function(project){
                console.log(project);
            }
        });


    var startRoute = new myRouter();
    Backbone.history.start();
    })(jQuery);

我的网址:http://localhost:85/router/web/#/name/3

我的html:

<ul class="name">
                <li><a href="#/name/1">name1</a></li>
                <li><a href="#/name/2">name2</a></li>
                <li><a href="#/name/3">name3</a></li>
                <li><a href="#/name/4">name4</a></li>
                <li><a href="#/name/5">name5</a></li>
            </ul>

任何人都认为我在这里做错了..拜托

【问题讨论】:

  • 你看documentation了吗?您的路线看起来不正确。
  • 可能是我理解错了。

标签: backbone.js backbone-routing


【解决方案1】:

我所有的功能都是正确的,我在路线婴儿车上添加了哈希。

这里更新函数:

(function($){

    var myRouter = Backbone.Router.extend({
        routes:{
            "":"defaultRoute",
            'name/:id':"nameData",
            'product/:id':"projectData"
        },
        defaultRoute:function(){
            console.log('i am default');
        },
        nameData:function(e,id){
            console.log(id);
        },
        projectData:function(project){
            console.log(project);
        }
    });

var startRoute = new myRouter();
Backbone.history.start();
})(jQuery);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-04-21
    • 1970-01-01
    • 2015-11-25
    • 2018-09-22
    • 2021-05-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多