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:

  1. i navigate http://example.com , see need see.

  2. i change hash http://example.com/#/foo , need change dom.

  3. 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:

  1. change url hasher.sethash(new_hash_value), manually enter url navigation bar or use button in browser
  2. hasher recognize hash has been changed , triggers crossroads further processing new url
  3. 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

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

c++ - End of file on pipe magic during open -