Задать вопрос
deleted-Saldacenkaw
@deleted-Saldacenkaw
javascript

Position:fixed; после serialize()?

Возникла небольшая проблема. Есть страница, где форма отправляется таким вот кодом:

$(function(){<br/>
 $('.add-form &gt; form').submit(function(){<br/>
 var thisForm = $(this);<br/>
 var url = thisForm.attr('action');<br/>
 var url = url.substr(0,url.indexOf('#'));<br/>
 var data = thisForm.serialize()+'&add=1';<br/>
 $.post(url, data, function(content){<br/>
 $('body').html(content);<br/>
});<br/>
 return false;<br/>
 });<br/>
<br/>
});




на странице есть элемент, который при скроле получает position:fixed; c помощью 



$(function() {<br/>
 var div = $('#fixed-top');<br/>
 var start = $(div).offset().top;<br/>
 $.event.add(window, &quot;scroll&quot;, function() {<br/>
 var p = $(window).scrollTop();<br/>
 $(div).css('position',((p)&gt;start) ? 'fixed' : 'static');<br/>
 $(div).css('top',((p)&gt;start) ? '0px' : '');<br/>
 });<br/>
 <br/>
});




Соотв. при отправке формы фиксированный элемент скрывается. Подскажите пожалуйста, как этого можно избежать? Спасибо!
  • Вопрос задан
  • 2536 просмотров
Комментировать
Подписаться 3 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
Desiderata
@Desiderata
Я могу ошибаться, но судя по всему проблема в этой строке:
$('body').html(content);

Попробуйте её исправить на
$('body').append(content);
Ответ написан
6 комментариев
6 комментариев
Desiderata
@Desiderata
Обновление нескольких блоков через Ajax можно реализовать следующим способом:
$.post(url, data, function(content)
{
	// данные от сервера должны приходить в формате JSON (т.е. {"header":"код внутри блока header", "section":"код внутри блока section"})
	$('header').html(content.header);
	$('section').html(content.section);
	
	// если переписать код на сервере не представляется возможным, то придется вытаскивать нужные данные из content с помощью регулярок
	// var header = /<header>(.+)<\/header>/gi.exec(content);
	// var section = /<section>(.+)<\/section>/gi.exec(content);
	// $('header').html(header[1]);
	// $('section').html(section[1]);
}, 'json');
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать программу для работы с PCI-E
24 апр. 2024, в 11:18
10000 руб./за проект
В wordpress подключить модуль по рассрочке (документацию дам)
24 апр. 2024, в 10:58
4500 руб./за проект
Развернуть болванку мултиплеерной игры unity на сервере
24 апр. 2024, в 09:59
5000 руб./за проект
Ещё заказы