1)Есть скрипт который должен загружать в конкретный блок содержимое других страниц(about.html, contact.html и т д) , url меняется, в response приходит ответ, а вот содержимое блока на стартовой странице(index.html) не меняется.
2) если перейти по url через адресную строку например(site.com/about.html), то на чистой странице выводится содержимое страницы about.html, которое должно отображаться в блоке стартовой страницы(index.html) с этим же (site.com/about.html)
index.html
<div class="container">
<ul class="nav">
<li><a href="index.html" class="historyAPI">Главная</a></li>
<li><a href="about.html" class="historyAPI">О нас</a></li>
<li><a href="contact.html" class="historyAPI">Контакты</a></li>
</ul>
<div>
<div class="jumbotron" id="contentHolder">
<h1>Главная!</h1>
<p>Здесь какой-то текст главной страницы.</p>
</div>
</div>
</div>
script.js
$('document').ready(function(){
$('.historyAPI').on('click', function(e){
e.preventDefault();
var href = $(this).attr('href');
getContent(href, true);
});
});
window.addEventListener("popstate", function(e) {
getContent(location.pathname, false);
});
// Функция загрузки контента
function getContent(url, addEntry) {
$.get(url).done(function(data) {
$('#contentHolder').html($(data).find("#contentHolder").html());
if(addEntry == true) {
// Добавляем запись в историю, используя pushState
history.pushState(null, null, url);
}
});
}
about.html
<div class="jumbotron" id="contentHolder">
<h1>О нас </h1>
<p>описание блока о нас</p>
</div>
about.html
,default.html
,contact.html
по образуindex.html
тогда файлscript.js
можно не менять... (в этом случае можно загружать соответствующие блоки если перейти сразу по URL)