crossroads JS を使用する方法を理解しようとしていますが、正しい軌道に乗っているかどうかは少し混乱しています。
<!DOCTYPE html>
<html>
<head>
<title>Testing Cross Roads</title>
</head>
<body>
<a href="#foo">Testing link</a>
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="bower_components/js-signals/dist/signals.min.js"></script>
<script type="text/javascript" src="bower_components/crossroads/dist/crossroads.min.js"></script>
<script type="text/javascript">
var route1 = crossroads.addRoute('/foo', function(){
console.log("Hello");
});
</script>
</body>
</html>
に移動しようとして/#foo
も、コンソールに何も出力されません。これはどのように機能するはずですか?JSFiddleも作成しました。