Как загрузить правую панель без перезагрузки header/footer или leftnav

Я пытаюсь создать веб-приложение (HTML/Bootstrap/jquery), у которого есть верхний, нижний колонтитул, левый и правый панели. Содержимое правой панели будет отдельной страницей html, которая будет загружаться на основе того, что нажата в левом навигаторе.Как загрузить правую панель без перезагрузки header/footer или leftnav

У меня есть отдельные страницы с HTML для заголовка/нижнего колонтитула/leftnav для каждой страницы контента. Но я бы хотел, чтобы содержимое правой панели было загружено без перезагрузки других компонентов.

Heres примера, после клика на левом пункте нав .. только содержание нужных изменений стеклопакетов: http://play.raaga.com/myraaga

Цените любую помощь, спасибо!

источник

2014-05-12 user2727704

Вы можете использовать функцию «.load()» jquery.

$('selector-of-the-panel').load('url');

jQuery .load() docs

источник

2014-05-12 21:05:39 Jacobi

Ничего себе .. хорошо, вот что я искал. – user2727704

Привет. Рад узнать, что это сработало для вас. – Jacobi

Есть ли способ выделить соответствующий элемент в левом навигаторе на основе URL-адреса. ex: domain.com/daily/installs откроет «Daily» в левом навигационном дереве и выделит «Устанавливает» в подменю. В конечном итоге вы получите installs.html с сервера, чтобы загрузить его в правую область. – user2727704

Пример вы включили выглядит довольно близко к .tabs JQuery UI (в) виджете, который можно использовать с AJAX, чтобы загрузить вашу различную HTML страницы: http://jqueryui.com/tabs/#ajax Для вертикального нав-подобный внешнего вида, см.: http://jqueryui.com/tabs/#vertical

источник

2014-05-12 21:22:05 nmarsh

Как загрузить правую панель без перезагрузки header/footer или leftnav

ответ

Смежные вопросы