Всем привет.
При загрузке страницы у меня такая функция :
$(document).ready(function () {
bountyWizard();
})
function bountyWizard() {
var activeBlockHeight = $(".bounty-elements__element.active").height();
var parentBlock = $(".bounty-elements");
parentBlock.height(activeBlockHeight)
$(window).resize(function () {
activeBlockHeight = $(".bounty-elements__element.active").height();
parentBlock.height(activeBlockHeight)
})
$('.bounty-wizard__step').on('click', function(e) {
e.preventDefault();
var id = $(this).attr('data-bounty-id');
var element = $('div[id="' + id + '"]');
$(".bounty-wizard__step").removeClass("active");
$(".bounty-elements__element").removeClass("active");
$(this).addClass("active");
element.addClass("active");
var activeBlockHeight = $(".bounty-elements__element.active").height();
parentBlock.height(activeBlockHeight)
})
Проблема в том, что ф-я не всегда правильно даёт высоту, а это критично, ибо у
.bounty-elements__element стоит
postition: absolute; и если даётся неправильная высота, то блоки находят друг на друга
Какое есть решение?
Простой
