Как я могу создать сайт наподобие Stack Overflow с постоянным меню вверху и обновлением только тела?

Question

Как бы я разработал сайт с макетом, похожим на Stack Overflow (верхняя строка меню, которая всегда видна) и тело контента, которое перезагружается.Я пытался использовать ajax .load () для загрузки содержимого в основную область, но затем у меня возникли проблемы с неработающим JavaScript.Как Stack Overflow достигает этого?Я хотел бы сделать это на PHP.

Answer 1

Это то, что некоторые браузеры (например, Chrome) делают, когда есть постоянная таблица стилей и макет.Похоже, не перезагрузить некоторые части страницы, потому что они не меняются.Однако они перезагружаются каждый раз, когда вы нажимаете на ссылку.

Так что для достижения этого эффекта вы должны использовать хороший макет с некоторыми аспектами, которые не меняются при каждом нажатии.

Answer 2

Это, безусловно, сложный вопрос, но я могу решить вашу проблему с неработающим javascript, если я правильно понимаю.

Проблема (в упрощенном виде), конечно, в том, что у вас нет некоторых элементов (например, "page2") при первой загрузке сайта (то есть при загрузке JS), но при использовании ajax .load () для загрузки «page2» вместо «page1» JS-код не перезагружается, и поэтому все, что вы делали с элементами на «page2», не работает.

Вы должны вручную вызывать соответствующие функции при загрузке «page2». Теперь, если у вас просто есть события (например, onclick и т. Д.), Прикрепленные к различным элементам на «page2», вы можете использовать живые события в jQuery (если это опция), которая может быть прикреплена к несуществующим объектам и станет активной когда объект создан, в этом случае через ajax.load ().