[英]How to use crossroads JS?
我想弄清楚如何使用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 。
您在该代码段中有两个问题。
首先,您将路由定义为/foo
但在锚标记中,您调用的#foo
完全不同。
其次,十字路口无法自行处理信号的调用。 您必须在onclick或其他事件中调用crossroads.parse('/foo')
才能导航到它。 直接使用像这样的锚标记将不起作用。 您需要覆盖锚的默认行为,并在路由上调用解析。
就像是:
var overrideDefaultAction = function (e) {
e.preventDefault();
crossroads.parse('/' + this.href.split('/').pop());
}
var a = document.querySelectorAll('a')
for(i=0;i<a.length;i++){
a[i].onclick = overrideDefaultAction;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.