Почему не работает 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, функции, хитрости
Отправляя сообщение я подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта.
Программы на заказ
Отзывы
Контакты