javascript - returning to root page with crossroads.js and hasher.js -
i'm starting out crossroads.js , hasher.js , having success parsing of routes. don't understand how root of page. know i'm not saying right, here's issue:
i navigate http://example.com , see need see.
i change hash http://example.com/#/foo , need change dom.
i try click in browser, , i'm suck here.
maybe need define "root" route in crossroads? doing wrong history?
as understand on halfway in both settings (hasher + crossroads).
adding route "root" pattern crossroads triggers defined handler route if root pattern matches. , handler invokes display root page content.
and second issue hasher must configured. see difference between hasher.sethash() , hasher.replacehash() on hasher doc. use sethash if want keep history , use browser feature.
the whole process be:
- change url hasher.sethash(new_hash_value), manually enter url navigation bar or use button in browser
- hasher recognize hash has been changed , triggers crossroads further processing new url
- crossroads parse new hash , invokes display root page (this requires route root hash pattern)
prepare hasher able listen changes:
function parsehash(newhash, oldhash){ crossroads.parse(newhash); } hasher.initialized.add(initialparse); //parse initial hash hasher.changed.add(parsehash); //parse hash changes hasher.init(); //start listening hash changes
and of course define route root page able invoke display root content:
crossroads.addroute("", function() { // call displaying root page });
Comments
Post a Comment