Почему не работает fadeIn() вместе с html()?


Слева у меня на блоге вы можете увидеть кнопку с меняющейся надписью. Отвечает за смену её функция jQuery html():

jQuery(".vertext").html('Оставить комментарий');
То есть мы вставляем любой произвольный html код в элемент, в данном случае в класс vertext. А что, если мы захотим сделать плавное изменение этого текста? Опять же, как у меня на блоге? Логика подсказывает задействовать функцию анимации fadeIn('slow'), то есть вот так:

jQuery(".vertext").html('Оставить комментарий').fadeIn('slow');
Однако, этот вариант не работает. Почему? Сначала надо скрыть элемент - использовать функцию hide(). То есть окончательный вариант будет таков:

jQuery(".vertext").hide().html('Оставить комментарий').fadeIn('slow');
Именно так можно заставить работать fadeIn() вместе с html() или text().

Автор этого материала - я - Пахолков Юрий. Я оказываю услуги по написанию программ на языках Java, C++, C# (а также консультирую по ним) и созданию сайтов. Работаю с сайтами на CMS OpenCart, WordPress, ModX и самописными. Кроме этого, работаю напрямую с JavaScript, PHP, CSS, HTML - то есть могу доработать ваш сайт или помочь с веб-программированием. Пишите сюда.

тегизаметки, jQuery, javascript, функции, хитрости




Отправляя сообщение я подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта.




Фракталы в математике и пример на Java
Как прокачать Академию в игре Спарта: Война Империй
Тест на JS и PHP на гитхабе