Загрузка Ajax не ждет загрузки img, когда я пытаюсь вычислить высотуJquery

Программирование на jquery
Ответить
Anonymous
 Загрузка Ajax не ждет загрузки img, когда я пытаюсь вычислить высоту

Сообщение Anonymous »

Сейчас я работаю над http://davidpetersson.nu/madartwork/
И я хочу загружать материалы из сообщений в 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;
});
});
Я пытался включить .imagesLoaded из этого поста. jQuery Ajax подождите, пока все изображения загрузятся.
Но мне не удалось это сделать работает.
(jQuery вместо $ используется, потому что WordPress)
Это одна из моих первых разработок ajax-скриптов, так что что-то может быть действительно ошибаюсь, так что будь нежнее

Подробнее здесь: https://stackoverflow.com/questions/390 ... ate-height
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»