Задать вопрос
Mad_Electron
@Mad_Electron
Веб-разработчик

Как на JS/jQuery перейти по ссылке и тут же подгрузить контент через load?

На странице имеется навигация и div, в котором подгружается содержимое по клику на пункт меню в навигации:
<nav>
    <ul class="nav nav-pills nav-stacked">
        <li><a href="#" class="load-content active" data-block="profile">Мой профиль</a></li>
        <li><a href="#" class="load-content" data-block="my_programs">Мои программы</a></li>
        <li><a href="#">Выйти</a></li>
    </ul>                
</nav>
<div id="content"></div>

Вот так:
$('a.load-content').click(function(e){
    e.preventDefault(); 
    var block = $(this).data('block');
    $('#content').load(`/my_domain/block/${block}`,function(e){
        //
    });
});


Необходимо сделать ссылку в другом месте на жанную страницу, но чтобы в #content подгрузилось содержимое, например, по ссылке /my_domain/block/my_programs.

Пока сделал страшный костыль (да, я также не знаю, как в JS разобрать параметры window.location.href, поэтому подмешал twig-синтаксис в JS-код):
Слабонервным просьба удалиться
$('#content').load('/my_domain/block/profile', function(){ // блок profile загружается при открытии страницы
    {% if app.request.get('redirect') %}
        $('a.load-content[data-block="{{app.request.get('redirect')}}"').click();
    {% endif %}
});
  • Вопрос задан
  • 52 просмотра
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы