2 скрина прилагаю.
Суть проблемы:
После перехода на страницу,на любую .. (без ее обновления)
С переходом все нормально, а вот содержания страницы заметно меняется: Вся страницы помещается в блок.
НУЖНО:
Нужно что-бы при переходе на страницу У меня обновлялся только контент страницы (само содержимое)
А Сайт бар,оставался на месте.
Каким способом я могу это реализовать?
(Юзаю ajax jquery)
Добавлено 17.03.17 в 13:17:02:
выскажу свои соображения на эту тему:
Так как пишу мессенджер(а точнее что-то подобное) на bootstrap 3
То, возможно ли сделать такое:
Присвоить допустим идентификатор блоку content допустим
id="content"
И уже по нажатию на ссылку, обновлять только его содержимое
var Page = {
Loading: function(f){
if(f == 'start'){
$('#loading').show();
$('#window').html('').hide();
}
if(f == 'stop'){
$('#loading').hide();
$('html, body').scrollTop(0);
}
},
Go: function(h){
history.pushState({link:h}, null, h);
Page.Loading('start');
$('.content_left').load(h, {ajax: 'yes'}, function(data){
$(".content_left".empty();
$('.content_left').html($('.js-actions').html());
$("js-actions".remove();
Page.Loading('stop');
});
},
Prev: function(h){
Page.Loading('start');
$('.content').load(h, {ajax: 'yes'}, function(data){
$(".actions".empty();
$('.actions').html($('.js-actions').html());
$("js-actions".remove();
Page.Loading('stop');
});
}
}
Вот что получилось! Благодарю за помощь