Приветствую!
На моем HTML-шаблоне есть 2 страницы. main.html и index.html
Между ними осуществляется переход через меню
<ul>
<li><a href="main.html">Main</a></li>
<li><a href="index.html">Index</a></li>
</ul>
Для плавного перехода был добавлен прелоадер.
$(window).on('load', function () {
var $preloader = $('#page-preloader'),
$spinner = $preloader.find('.loader');
$spinner.fadeOut();
$preloader.delay(350).fadeOut('slow');
});
В обоих страницах весь код совпадает, кроме кода, который находится в блоке <div class="content">текст</div>.
При переходе между страницами - сама страница полностью перезагружается. То-есть выгружается старая и загружается новая.
Однако в моем случае необходимо лишь заменить контент в блоке <div class="content">текст</div> без перезагрузки страницы, загрузив этот контент с другой html-страницы и по возможности сделать так, чтобы между сменой контента в этом блоке <div class="content">текст</div> срабатывал прелоадер.