Имам малък проблем при експериментирането със събитието history.pushstate. Настроих го така, че URL адресът на страницата да бъде действителният URL адрес на страницата, заредена чрез AJAX, и това работи добре.
Разбрах, че трябва автоматично да създаде история, зареждайки заредените преди това страници. за съжаление шапката не се случва и когато щракна назад или напред, URL адресът се променя, но не и страницата. Можеш ли да ми помогнеш? Ето моят опростен код:
function hijackLinks() {
$('a').live("click", function (e) {
e.preventDefault();
loadPage(e.target.href);
direction = $(this).attr('class');
});
}
function loadPage(url) {
if (url === undefined) {
$('body').load('url', 'header:first,#content,footer', hijackLinks);
} else {
$.get(url, function (data) {
$('body').append(data);
window.history.pushState(url, url, url);
if (direction === "leftnav") {
//DO STUFF
}
if (direction !== "leftnav") {
//DO STUFF
}
setTimeout(function () {
//DO STUFF
},1000);
});
}
}
$(document).ready(function () {
loadPage();
});