На странице есть блок:
<div id="modal-info"></div>
По ссылке <a class="open-fancy get-info" href="#modal-info">Открыть</a> открывается стандартное, пустое окно fancybox(v2.1.5), которое подключено так:
$(".open-fancy").fancybox({
'overlayOpacity' : 0.3,
'hideOnContentClick': false,
'hideOnOverlayClick': false
});
И примерно в это же время с помощью jquery, ajax-ом запрашивается контент (допустим просто текст) для этого окна:
$('.get-info').click(function() {
$.ajax({
url: "/info.php",
type: "POST",
dataType: 'html',
data: { },
success: function(res) {
$('#modal-info').html(res);
}
});
});
Само окно имеет стили размеров
#modal-info { width: 100%; }
В результате окно открывается в минимальном размере, как показано на скриншоте. Но иногда ресайзится по размеру контента. Так получается, потому что окно уже открыто, а контент еще не "прилетел в это окно".
Т.к. верстка "резиновая", то указаывать точный размер окна нельзя.
Подскажите что можно сделать, чтобы окно открывалось сразу по размеру контента?
