Riot.js Bug Report Template
HTML
<script src="https://cdn.jsdelivr.net/g/[email protected](riot.min.js+compiler.min.js)"></script>
<a href="#view-one">view one</a>
<a href="#view-two">view two</a>
<div id="container"></div>
<script type="riot/tag">
<foo>
<h1> VIEW ONE </h1>
</foo>
</script>
<script type="riot/tag">
<baz>
<h1> VIEW TWO </h1>
</baz>
</script>
CSS
body {
font-family: sans-serif;
}
JavaScript
var tag,
routes = {
"view-one": {
tag: "foo"
},
"view-two": {
tag: "baz"
}
}
riot.route(function (path) {
var route = routes[path];
if (tag)
tag[0].unmount()
tag = riot.mountTo("#container", route.tag);
})
riot.route(window.location.hash ? window.location.hash.slice(1) : "view-one")