JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Learning About Backbone.js Routers</title>
</head>
<body>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script type="text/javascript" src="http://documentcloud.github.com/backbone/backbone-min.js"></script>

    <a href="#foo2">#foo2</a><br />
    <a href="#foo2/bar2">#foo2/bar2</a><br />
    <a href="#foo2/bar2/2000">#foo2/bar2/2000</a>

</body>
</html>

JavaScript

var myRouter = Backbone.Router.extend({
    routes: {
        ":foo": "func1",
        ":foo/:bar" : "func2",
        "*action" : "funcU"
    },
    func1: function(p1) {
        alert("1");
        alert('func1: '+p1);
        console.log('func1: '+p1);
    },
    func2: function(p1, p2) {
        alert('func2: '+p1 + ',' + p2);            
        console.log('func2: '+p1 + ',' + p2);            
    },
    funcU: function(a) {
        if (a !== '') {
            alert('funcU: '+a);            
            console.log('funcU: '+a);            
        }
    }        
});

new myRouter();

Backbone.history.start();