Я новичок в мире html / javascript и создаю свой первый сайт с использованием Python / Flask с бэкэндом SQLAlchemy. У меня есть базовая версия сайта, но у меня проблемы со стилями. Я не могу сделать так, чтобы сообщения (флеш-вспышка) появлялись и исчезали. Я нашел аналогичный вопрос о SO ( эффект исчезновения Flash-сообщения ), и JFiddle прекрасно работает. Я адаптировал код для своего использования, и он не работал: текст оставался скрытым, когда "display: none;"был включен в мой CSS. После удаления я видел текст, но он никогда не исчезал. Я подумал, что другие стили CSS могут мешать, поэтому я создал новую страницу для тестирования.
На самом деле, я не могу понять, почему это работает в JFiddle (и явно для OP на другомвопрос) но не для меня. Нет других сценариев или стилей, чтобы вмешиваться. Я думаю, что если бы я мог заставить этот тест работать, я мог бы адаптировать его для своего гораздо более сложного реального кода, используя настоящие флэш-сообщения Flask.
Любая помощь будет принята с благодарностью - спасибо!
Test.html
<div id="flash">Blah blah blah</div>
<script>
$(function() {
$('#flash').delay(500).fadeIn('normal', function() {
$(this).delay(2500).fadeOut();
});
});
</script>
test.css
#flash {
display:none;
background-color:#000;
color:#fff
}