Опубликовано вт, 06/23/2015 - 16:06 пользователем admin
В файле Index.html помещаем div:
<!-- header -->
<div class="included" data-url="parts/header.html"></div>
<!-- /header -->
В javascript прописываем подключение файлов внутрь дивов:
$(function(){
// Подключаем повторяющиеся блоки
var filename = '';
var num_files = $(".included").length-1;
$(".included").each(function(i){
if (i<num_files) {
$(this).load($(this).data('url'));
} else {
$(this).load($(this).data('url'),after_included);
}
});
});
// Выполняем все операции ПОСЛЕ подключений всех блоков
function after_included() {
// Прочий JavaScript прописываем внутри данной функции
}
Данный способ будет работать во всех браузерах, кроме Google Chrome, у которого будет срабатывать защита на подключение файлов по протоколу file::. Для избежания данной ошибки следует запускать Chrome с параметром: --disable-web-security