И я хочу загружать материалы из сообщений в div на своей стартовой странице. Это работает. Примерно так.
У меня есть определенный элемент div и событие щелчка, которое извлекает содержимое из сообщения и загружает его с помощью ajax в элемент div. Высота div составляет 0 пикселей, пока я не загружу его, затем я измеряю содержимое и анимирую высоту, чтобы она соответствовала содержимому.
Это работает с текстом, но когда я пытаюсь загрузить сообщение, включающее изображения , иногда при измерении изображения загружаются не полностью.
Пример. нажмите «Band 6»
Сценарий, который я использую, выглядит следующим образом:
Код: Выделить всё
jQuery(document).ready(function(){
var $mydiv = jQuery('#single-post-container');
$mydiv.css('height', $mydiv.height() );
jQuery.ajaxSetup({cache:false});
jQuery( window ).resize(function() {
jQuery("#single-post-container").wrapInner('');
var newheight = jQuery('div:first',"#single-post-container").height();
jQuery("#single-post-container").css( {height: newheight} );
});
jQuery(".view-details").click(function(event123){
event123.preventDefault();
var post_id = jQuery(this).attr("href");
jQuery("#single-post-container").load(post_id + " .post", function(){
jQuery('#single-post-container').wrapInner('');
var newheight = jQuery('div:first','#single-post-container').height();
//Does sometimes not include the height of the images, since they havnt completely loaded
jQuery('#single-post-container').animate( {height: newheight} );
jQuery('html, body').animate({
scrollTop: jQuery('body').offset().top
}, 800);
});
return false;
});
});
Но мне не удалось это сделать работает.
(jQuery вместо $ используется, потому что WordPress)
Это одна из моих первых разработок ajax-скриптов, так что что-то может быть действительно ошибаюсь, так что будь нежнее
Подробнее здесь: https://stackoverflow.com/questions/390 ... ate-height
Мобильная версия