У меня есть следующая настройка страницы index.html:
<html>
<head>
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="sidebar_menu">
</div>
<div id="thecontent">
<div id="page_banner">
</div>
<div id="page_content">
</div>
<div id="page_footer">
</div>
</div>
</div>
</body>
</html>
В дополнение к этому у меня есть несколько отдельных файлов .html, которые отражают параметр в моем меню боковой панели, поэтому, когда пользователь впервыеприземлится на странице, они увидят файл index.html на основе вышеуказанной настройки, т.е.показывает заголовок / меню / содержимое и нижний колонтитул.
Мой вопрос заключается в том, что когда пользователь нажимает кнопку «О нас», например, я хочу просто заменить «thecontent» div содержимым моего файла about-us.html файл, но без перезагрузки меню заголовка и боковой панели.Я просто хочу, чтобы весь div "thecontent" был заменен на div "thecontent" из моего файла about-us.html.
Возможно ли это, как я уже сказал, у меня есть несколько отдельных файлов .html и действительноЯ не хочу дублировать код, как мое меню боковой панели на каждой странице, так как только мое содержимое будет меняться в зависимости от выбора меню.
Я посмотрел jQuery.load () из этого урока .
Я думаю, что это не сработает.Также видел .replacewith (), но не уверен, что это правильно, и если это так, не знаю, как использовать в моем сценарии, чтобы выключить и заменить div на внешний файл .html.