Grunnen til at det ikke virker er fordi du har plassert koden etter at du returnerer "false", altså du avslutter hele funksjonen der det står "return false", slik at alt som kommer etter den linjen ikke blir kjørt.
PHP:
$(function() {
$(".menu a").on('click', function(e) {
e.preventDefault();
var page = $(this).attr('href'),
h = $(window).height() - 120,
stateObj = { page: document.location.pathname };
$('#content').load(page);
$('body, html').stop().animate({scrollTop: h},1200, "easeInOutBack");
$('#top').fadeIn(500);
$("#rss, #fb, #yt").fadeOut(500);
if (history.pushState) {
history.pushState(stateObj, page, "/" + page);
}else{
document.location.hash = page;
}
});
});
pushstate og popstate er en del av HTML5 History API'en, som jeg nevnte tidligere, og brukes til å oppdatere adressen i adressefeltet uten å "bytte" side.
Det er litt mer innviklet enn som så dersom man skal ha bakover knappen i nettleseren til å virke, ha en fallback til en hash i stedet osv. men kun for å endre adressen bør det virke med det ovenfor.
Backbone er et rammeverk som gjør det enklere å skrive javascript mer etter MVC modellen, altså Models, Views, Controller, hvor man har en kontroller som tar seg av all logikken og setter opp modeller, som henter "views".
MVC er et vanlig mønster for all programmering, og gjør det enklere å holde styr på ting når det blir mye kode og mange ting som skal hentes inn og oppdatere DOM'en samtidig.
Selv har jeg aldri brukt backbone.js, men registrerer at mange bruker det og er fornøyd, men jeg synes det blir mye "overhead", ettersom man er nesten nødt til å også bruke underscore.js samt et rammeverk som jQuery, Dojo eller Zepto i tillegg, og det blir alt for mange bytes for meg?
