Опубликовано вт, 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