Поиск что-то не дал результата.. может не то искал и не там..
Помогите, пожалуйста.
Есть html-страничка, на ней пустой див c
opacity=0, в который JS-скриптом по
$(document).ready загружаю из нескольких (кол-во заранее неизвестно, определяю ПХП-скриптом, возвращаю в JS) файлов текст. В цикле c помощью jquery генерирую параграфы и заполняю текстом.
$('#main_div').append('<p id=para_'+i'></p>'); $('#para_'+i).load('file_'+i);
После цикла центрирую див (готовой функцией с просторов инета)
$('main_div').css(..top: ($(window).height-$('#main_div').outerHeight)/2 ..)
и проявляю (
animate opacity), но он получается намного ниже чем надо, т.к. после заполнения высота diva равна количеству файлов умноженному на высоту шрифта параграфа из css, а ведь текст из файла может занять не одну строку. Отсюда вопрос, как сделать, что бы div возник, пусть не плавно, но по центру?
p.s. Запускал функцию центровки с задержкой на 3 сек - нормально центрует, но это некрасиво: в углу появляется текст, потом скачет в центр. Похоже, что
.load реально не вставляет данные, а только ставит "галочку", вставка происходит при отрисовке.