Анимированный текст обновлен Jquery

Question

Извините за простой вопрос - похоже, не могу понять, что я делаю неправильно.

У меня есть

    $("div." + slot).html("<img width=\"64\" class=\"square\" src=\"" + data.newimg + " \">", function() {
    $("div." + slot).fadeIn(2000);  });

Я ожидаю, что эта функция обратного вызова () оживит мой DIV, который я обновляю, с новым HTML (добавление изображения). Кажется, он ничего не делает ...

Заранее спасибо.

---- UPDATE -----

Разве это не должно работать?

    $("div." + slot)
        .html("<img width=\"64\" class=\"square\" src=\"" + data.newimg + " \">")
        .fadeIn(5000);

Я тоже пробовал:

    $("div." + slot)
    .html("<img width=\"64\" class=\"square\" src=\"" + data.newimg + " \">")
    $("div." + slot + " img").fadeIn(5000);

Ни один из них не дает эффекта затухания ...

Answer 1

Как упоминалось в Genesis, html не имеет обратного вызова, пробовали ли вы:

$('div.'+slot).html('<img width="64" class="square" src="'+data.newimg+'">').fadeIn(5000);

Если это не сработает, следующее, что я хотел бы проверить, - убедиться, что ваш $ ('div.' +слот) существует в то время, когда вы пытаетесь изменить HTML.

Answer 2

.html () не имеет функции обратного вызова

используйте это так

$("div." + slot).html("<img width=\"64\" class=\"square\" src=\"" + data.newimg + " \">");
$("div." + slot).fadeIn(2000);

или

$("div." + slot)
   .html("<img width=\"64\" class=\"square\" src=\"" + data.newimg + " \">")
   .fadeIn(2000);