Http request işlemi ajax ile yapılıyor. Url neden değişsin ki? Sizin yapmanız gerekiyor.
a href="/pages/about" class="link" title="Hakkımızda">Hakkımızda</a>
a href="/pages/contact" class="link" title="İletişim">İletişim</a>
var loadPage = function (url, title) {
$.ajax({
url: url,
type: 'GET',
success:function(response) {
$('#content').html(response);
window.history.pushState({url: url}, title, url);
}
});
};
// Sayfa ilk açıldığında bir sayfaya gidilecekse burada yapabiliriz.
var path = window.location.pathname;
if(path != '/') {
loadPage(path, '');
}
$('a.link').on('click', function(e) {
e.preventDefault();
var url = $(this).attr('href');
var title = $(this).attr('title');
loadPage(url, title);
});