history.js - Sammy.js に動的ルートを追加する方法

Question

sammy.jsまたはこれに代わる他のプラグインを使用して、クリックイベントに動的ルートを追加/定義できますか

var app = $.sammy('#sidebar', function () {
  this.get("#/", function(){});
});

$(function(){
app.run("#/");

$("#btn").click(function(){
   app.addRoute ???????????
});
}

Answer 1

あなたはすでにこれを理解していると思いますが、質問には答えがあるはずです。元の呼び出し内で「this」を使用する場合と同様に、Sammy アプリケーションへのルートをいつでも追加できます。

var app = $.sammy('#sidebar', function () {
    this.get("#/", function(){});
});

$(function(){
    app.run("#/");

    $("#btn").click(function(){
        // Add a new route to Sammy
        app.get('#/newroute/:id', function(context) { console.log(context) });
    });
});

Answer 2

var app = $.sammy('#sidebar', function() {
    this.get("#/", function(){});
});

$(function() {
    app.run("#/");

    $("#btn").click(function() {
        //the callback can be a string to be parsed by the eval function, but is not recommended
        var callback = function() {
            //what you want to do the new route
        };

        //use the same get function from Sammy to add the new Route
        this.get('your new route', callback);
    });
});