Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.05.2018, 18:53
Новичок на форуме
Отправить личное сообщение для AngryBird Посмотреть профиль Найти все сообщения от AngryBird
 
Регистрация: 21.05.2018
Сообщений: 1

Навигационная цепочка. Переход на главную страницу с подгрузкой контента
Добрый день!

Не получается реализовать навигационную цепочку - "хлебные крошки". При клике по ссылке, должна загружаться основная страница index.html с подгрузкой контента.

Общая структура сайта:

INDEX.HTML
- ГЛАВНАЯ (main.html)
- page_1.html
- page_2.html
- page_3.html
- ПРОДУКЦИЯ (product.html)
- page_4.html
- page_5.html
- page_6.html
- О НАС (about.html)
- page_7.html
- page_8.html
- page_9.html

По умолчанию при загрузке сайта сразу же подгружается блок НОВОСТИ. Нужно что бы была возможность, например, с страницы page_9 перейти на ветку выше - О НАС или ГЛАВНАЯ (т.е. загрузить index.html с подгрузкой нужного раздела).

// подгрузка раздела ГЛАВНАЯ при начальной загрузке страницы
// подгрузка нужного раздела при клике по пункту меню 
$(function() {
  $("#content").load("/main.html");
  $('#menu ul li a').click(function(event ) {
     event.stopPropagation(event);
    $.ajax({
      url:$(this).attr('data_target'),
      cache: false,
      success: function(html) {
        $("#content").html(html);
        $('#menu ul li a').addClass('active');
      }
    });
    return false;
  });
});

// навигационная цепочка, переход в соседний раздел при клике по ссылке
$(function() {
  $(document).ready(function(){   
     $("#main").click(function(){  
       $.ajax({  
          url: "/main.html",  
          cache: false,  
          success: function(html){   
             $("#content").html(html);  
          }  
       });  
       return false;
     });  
              
     $("#about").click(function(){ 
       $.ajax({  
          url: "/about.html",  
          cache: false,  
          success: function(html){  
             $("#content").html(html);  
          }  
       });  
       return false;
     });              
  });  
 
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Переход на страницу после перезагрузки фрейма grertgf Общие вопросы Javascript 2 21.03.2018 15:14
Переход на другую страницу с учетом регулярных выражений Goret Элементы интерфейса 8 02.11.2016 09:47
Вставка контента на страницу: div vs iframe hrundel Общие вопросы Javascript 8 23.08.2016 07:48
Переход на другую страницу с прокруткой к нужному блоку Tema52 Элементы интерфейса 8 30.11.2015 13:48
Скрипт отслеживающий подгрузку контента на страницу. psqs Events/DOM/Window 2 23.01.2012 21:29