Не работает fadeIn()

@kep4uk · Регистрация: 12.02.2013

Студворк — интернет-сервис помощи студентам

В текстовый инпут вбивается значение, затем идет jQuery

Я прописал так:

JavaScript
1
if(textInInput == '1') $('#message').text('Все правильно').fadeIn();

Затем, я попробовал так:

JavaScript
1
2
3
4
if(textInInput == '1') {
$('#message').text('Все правильно');
$('#message').fadeIn();
}

Второй вариант, я аргументировал своим незнанием и подумал, что возможно анимация просто не успевает выполняться.

Странно то, что fadeOut() работает. В результате работает даже такой способ:

JavaScript
1
if(textInInput == '1') $('#message').text('Все правильно').fadeOut().fadeIn();

Но fadeIn() сразу не работает. Подскажите, пожалуйста, почему?

@Lazy_Den · 15.02.2014, 18:44

А блок #message у вас изначально скрыт? Вы в CSS прописали для него display: none; или в JS изначально $('#message').hide() ?

@kep4uk · 15.02.2014, 18:57 **[ТС]**

Сообщение от Lazy_Den

А блок #message у вас изначально скрыт? Вы в CSS прописали для него display: none; или в JS изначально $('#message').hide() ?

Нет, прописано не было. Я прописал и получается, что анимация применяется но 1 раз. К сожалению, я сразу не написал, у меня все происходит на blur инпута. То есть, первый раз анимация проходит, а затем просто меняется текст.
И конечно же, хотелось бы узнать зачем прописывать display: none; в данном случае?

@Lazy_Den · 15.02.2014, 19:04

Сообщение от kep4uk

зачем прописывать display: none; в данном случае?

Если вы хотите что-то "раскрыть", то для начала это нужно скрыть.
По поводу вашей задачки, я что-то не въехал. Юзер что-то вписывает в текстовое поле, при потере фокуса идет проверка введенных данных и выводится сообщение (fadeIn()), если данные === true? Всё так?

@kep4uk · 15.02.2014, 19:11 **[ТС]**

Сообщение от Lazy_Den

Если вы хотите что-то "раскрыть", то для начала это нужно скрыть.
По поводу вашей задачки, я что-то не въехал. Юзер что-то вписывает в текстовое поле, при потере фокуса идет проверка введенных данных и выводится сообщение (fadeIn()), если данные === true? Всё так?

Спасибо за объяснение дисплея. Сообщение должно появляться всегда. Разница лишь в содержимом сообщения. Содержимое зависит от введеной информации. Сообщение всегда должно выводиться с помощью fadeIn()

@Lazy_Den · 15.02.2014, 19:22

Смотрите такой вариант. Условия проверки, естественно, что свои проставите.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
var res = $('#res'),
    mess = ['Не верно','Близко, но не точно','Правильно'];
$('#field').on({
    focus: function(){
        res.hide();
        $(this).val('');
    },
    blur: function(){
        var cVal = $(this).val();
        res.text(mess[cVal]).fadeIn().delay(1500).fadeOut();
    }
});

@kep4uk · 16.02.2014, 00:14 **[ТС]**

Сообщение от Lazy_Den

Смотрите такой вариант.

Спасибо, просто нужно каждый раз скрывать текст при фокусе на форме =). И если подумать, то все логично получается

Новые блоги и статьи Все статьи Все блоги /
влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	15.02.2014, 18:44
	А блок #message у вас изначально скрыт? Вы в CSS прописали для него display: none; или в JS изначально $('#message').hide() ? 0