Javascript.RU

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

Переход между страницами без перезагрузки
Здравствуйте, недавно наткнулся на такую вот интересную штуку
http://codyhouse.co/gem/3d-bold-navigation/
Так вот, у этих ребят происходит замена информации содержащейся между тегами <section></section> при переходе по ссылке. Адрес страницы с которой был совершен переход не меняется. Отсюда возникает вопрос, как модифицировать этот код, чтобы при такой смене страниц менялся и адрес?
$('.cd-nav li').on('click', function(event){
	event.preventDefault();
	var target = $(this),
		//detect which section user has chosen
		sectionTarget = target.data('menu');
	if( !target.hasClass('cd-selected') ) {
		//if user has selected a section different from the one alredy visible
		//update the navigation -> assign the .cd-selected class to the selected item
		target.addClass('cd-selected').siblings('.cd-selected').removeClass('cd-selected');
		//load the new section
		loadNewContent(sectionTarget);
	} else {
		// otherwise close navigation
		toggleNav(false);
	}
});
function loadNewContent(newSection) {//тут как раз и вылавливается нужная инфа со страницы, на которую переходят, а как связать newSection с ссылкой на конкретную с траницу я не знаю(((
	//create a new section element and insert it into the DOM
	var section = $('<section class="cd-section '+newSection+'"></section>').appendTo($('main'));
	//load the new content from the proper html file
	section.load(newSection+'.html .cd-section > *', function(event){
		//add the .cd-selected to the new section element -> it will cover the old one
		section.addClass('cd-selected').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
			//close navigation
			toggleNav(false);
		});
		section.prev('.cd-selected').removeClass('cd-selected');
	});
 
	$('main').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
		//once the navigation is closed, remove the old section from the DOM
		section.prev('.cd-section').remove();
	});
 
	if( $('.no-csstransitions').length > 0 ) {
		//detect if browser supports transitions
		toggleNav(false);
		section.prev('.cd-section').remove();
	}
}
Ответить с цитированием
  #2 (permalink)  
Старый 26.07.2015, 18:27
Аватар для sash003
Аспирант
Отправить личное сообщение для sash003 Посмотреть профиль Найти все сообщения от sash003
 
Регистрация: 23.10.2014
Сообщений: 72

sas135,
window.history.pushState смотри
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Удалить файл с сервера без перезагрузки нажав на крестик alex162341 jQuery 0 21.01.2015 22:36
Перезагрузка jquery по событию click, без полной перезагрузки страницы Vitaliy88 Общие вопросы Javascript 4 22.11.2012 11:35
Не работает скрипт при обновлении элемента без перезагрузки страницы Jex Events/DOM/Window 0 28.09.2012 16:43
Помогите с кодом добавления формы без перезагрузки страницы dlux66 Ваши сайты и скрипты 3 03.11.2011 11:41
как с помощью jquery отсылать без перезагрузки... serhanters jQuery 11 22.07.2011 21:17