Затухание div после показа на пару секунд

Ситуация:

Я создаю небольшие информационные блоки в углу страницы. Они генерируются сообщениями, которые я установил. Информация размещается друг над другом. У div есть class = "informatiemelding".

Для выполнения:

Есть ли способ добавить таймер затухания для каждого div с именем класса «informatiemelding», чтобы независимо от того, сколько информационных div находится на экране, все они исчезли через несколько секунд. У меня есть jQuery. Я старался:

<script type="text/javascript">
jQuery(".informatiemelding").setTimeout(function () {
   $(this).fadeOut('slow');
});
</script>

Но это только что дало мне ошибку, что «Uncaught TypeError: Object [object Object] не имеет метода setTimeout». Так что я полагаю, что неправильно хватаю div.

Поскольку я полный нуб с jQuery, может кто-нибудь объяснить мне, что делать? Я не понимаю Javascript. Совершенствуюсь в этом, но я больше увлекаюсь PHP: P


person E. Peter    schedule 16.11.2011    source источник
comment
Теперь я знаю, что я делаю неправильно. Скрипт должен быть размещен после div. Это может быть очевидно, но я понятия не имел, что ‹script› может быть в теле. Я думал, что они всегда должны быть в «голове». $ по-прежнему не работает, но заменен на jQuery.   -  person E. Peter    schedule 17.11.2011


Ответы (2)


person    schedule
comment
когда я использую: ‹script type=text/javascript› $(div.informatiemelding).delay(3000).fadeOut(slow); ‹/script› Я получаю сообщение об ошибке: Uncaught TypeError: Свойство '$' объекта [объект DOMWindow] не является функцией. есть идеи, почему? - person E. Peter; 17.11.2011
comment
Я обновлю приведенный выше код на то, что должно работать для вас. Обычно $(whatever) - это то же самое, что и jQuery(whatever), но похоже, что jQuery не регистрирует $ как ярлык для вас или что-то в этом роде... Если он все еще не работает, это означает, что jQuery не загружен или загружается после ваш код. - person Jake Wilson; 17.11.2011
comment
Теперь я знаю, что я делаю неправильно. Скрипт должен быть размещен после div. Это может быть очевидно, но я понятия не имел, что ‹script› может быть в теле. Я думал, что они всегда должны быть в «голове». $ по-прежнему не работает, но заменен на jQuery. - person E. Peter; 17.11.2011
comment
Возможно, вы загрузили другую библиотеку javascript, которая переопределяет ярлык $. Не уверена. Честно говоря, несмотря на то, что $ всегда удобен, в любом случае лучше всего использовать jQuery. - person Jake Wilson; 17.11.2011

person    schedule
comment
Вы задали хорошие вопросы. Я проголосовал за ваши старые баллы. Такие люди делают ТАК ужасное место! - person Venki; 10.01.2012