Как указать очерёдность событий не через setTimeout?

Question

del993788 @del993788

JavaScript

Как указать очерёдность событий не через setTimeout?

Здравствуйте.

Я получаю изображение, а затем пытаюсь получить его ширину:

$('.tech').append("<img src='/upload/" + data['name'] + "' class='" + data['id'] + " toimg'><p class='psize'></p></div>");
$('.psize').append($('.' + data['id']).get(0).naturalWidth);

Но по каким-то причинам я получаю ответ "0". Я так предполагаю, это связано с тем, что изображение ещё не успело создаться, а я уже пытаюсь получить его ширину. Если я установлю setTimeout, то всё будет работать, но это не самый красивый метод, так как за отведённое мной время изображение может не успеть подгрузиться и я опять получу "0". Опять же я теряю во времени, если изображение уже подгрузилось, а я жду непонятно чего.

Подскажите, как указать очерёдность событий, чтобы в начале выполнился append в .tech, а затем append в .psize?

Вопрос задан более трёх лет назад
109 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Answer 1 · 2019-01-20 17:29:23

$('.tech').append("<div class='imgwrap'><img src='/upload/" + data['name'] + "' class='" + data['id'] + " toimg'></div><p class='psize'></p>");

$('.' + data['id']).on('load', function(){
    $('.psize').append($(this).get(0).naturalWidth);
});

Как указать очерёдность событий не через setTimeout?

Войдите на сайт