Динамическая загрузка контента через AJAX jQuery
 

Всем привет.
Решил сделать загрузку контента через AJAX или jQuery load.
Нъюанс в том, что контент должен меняться с помощью анимации и в процессе загрузки должен работать прелоадер.

В итоге нашел отличный код https://webformyself.com/kak-dinamic...oshhyu-jquery/ , но проблема в том, что он некорректно работает в некоторых браузерах. Так, например, в Google Chrome работает анимация, но не работает переход между страницами.

Вообщем есть ли кроссплатформенный код или плагин подобного типа.

погуглите про SPA технологию.

https://www.youtube.com/watch?v=sAjA...ndex=34&t=176s

жесть! смотреть до конца!

Списибо за за ссылки. Но вот все-таки... Можно ли поправить код на jQuery чтобы он работал корректно???

Сам код:

$(document).ready(function() {
	var hash = window.location.hash.substr(1);
	var href = $('#nav li a').each(function(){
		var href = $(this).attr('href');
		if(hash==href.substr(0,href.length-5)){
			var toLoad = hash+'.html #content';
			$('#content').load(toLoad)
		}											
	});
	$('#nav li a').click(function(){					  
		var toLoad = $(this).attr('href')+' #content';
		$('#content').hide('fast',loadContent);
		$('#load').remove();
		$('#wrapper').append('<span id="load">LOADING...</span>');
		$('#load').fadeIn('normal');
		window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
		function loadContent() {
			$('#content').load(toLoad,'',showNewContent())
		}
		function showNewContent() {
			$('#content').show('normal',hideLoader());
		}
		function hideLoader() {
			$('#load').fadeOut('normal');
		}
		return false;
	});
});