Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.89/9: Рейтинг темы: голосов - 9, средняя оценка - 4.89
0 / 0 / 0
Регистрация: 27.03.2018
Сообщений: 194

Почему при загрузке страницы мелькает всплывающее окно?

22.06.2021, 11:55. Показов 2052. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
При загрузке страницы да несколько секунд появляется и исчезает всплывающее окно? В связи с чем оно появляется?

http://ilyin1ib.beget.tech/

Весь код https://jsfiddle.net/8rwh5nvk/1/
Миниатюры
Почему при загрузке страницы мелькает всплывающее окно?  
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
22.06.2021, 11:55
Ответы с готовыми решениями:

Открывать всплывающее окно при загрузке страницы
Доброе утро. Подскажите, пожалуйста: используется всплывающее окно messi. в стандартной документации не вижу, есть ли возможность...

Всплывающее окно при закрытии страницы
Добрый день!:) Изучения скриптов начал недавно и научился создавать всплывающие окна! Но мне нужно сделать так, что бы это окно...

Вывести всплывающее окно при закрытии страницы
Здравствуйте. Суть в том, что у меня есть уже сверстанное окно, которое должно всплывать.. Просто не пойму как сделать чтобы...

7
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3969 / 2087 / 832
Регистрация: 13.03.2010
Сообщений: 6,886
22.06.2021, 12:11
12 срока js-кода:
JavaScript
1
$('.popup').fadeOut();
0
0 / 0 / 0
Регистрация: 27.03.2018
Сообщений: 194
22.06.2021, 12:16  [ТС]
а что тогда прописать надо, чтобы оно не появлялось?
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3969 / 2087 / 832
Регистрация: 13.03.2010
Сообщений: 6,886
22.06.2021, 12:22
Tempest999, задать изначально окну свойство display: none.
0
0 / 0 / 0
Регистрация: 27.03.2018
Сообщений: 194
22.06.2021, 12:49  [ТС]
Я проставил для .popup свойство display: none, причем с !important, а иначе он не хотел исчезать и прописал стандартные правила для всплывающего окна
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
$('.open-popup').click(function(event) {
        event.preventDefault();
      $('.popup').fadeIn();
      $('html').addClass('no-scroll')
    });
 
 
    $('.popup-close').click(function(event) {
         event.preventDefault();
      $('.popup').fadeOut();
      $('html').removeClass('no-scroll')
    });
Но в итоге окно вообще перестало появляться, хотя в отладке правило работает
Миниатюры
Почему при загрузке страницы мелькает всплывающее окно?  
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3969 / 2087 / 832
Регистрация: 13.03.2010
Сообщений: 6,886
22.06.2021, 13:02
Бездумные телодвижения - худшее, что можно делать.

Вы указали !important, естественно, оно теперь будет всё перекрывать. Удалите $('.popup').fadeOut();, сделайте свойство
CSS
1
2
3
.popup {
  display:none;
}
и всё будет хорошо - https://jsfiddle.net/y0mLdepu/
0
0 / 0 / 0
Регистрация: 27.03.2018
Сообщений: 194
22.06.2021, 13:09  [ТС]
так я прописывал и так, но тогда всплывающее окно не исчезает, можете сами убедиться http://ilyin1ib.beget.tech/
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3969 / 2087 / 832
Регистрация: 13.03.2010
Сообщений: 6,886
22.06.2021, 13:12
Лучший ответ Сообщение было отмечено Tempest999 как решение

Решение

Tempest999, потому что бездумно пишете. Посмотрите внимательно на свойства для .popup. Третье с конца, например.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
22.06.2021, 13:12
Помогаю со студенческими работами здесь

Как создать всплывающее окно при закрытии страницы?
Как создасть всплывающее окно при закрытии страницы? Но именно при закрытии страницы, и не при её обновлении. Например как на этом сайте:...

Почему не появляется всплывающее окно при нажатии на кнопку?
При нажатии на кнопку "Заказать звонок" у меня должно появляться всплывающее окно с формой обратной связи, но почему-то не происходит. ...

WebBrowser - мелькает курсор при загрузке
Добрый день! При загрузке страниц курсор webBrowser очень быстро мелькает (как бы прерывистая загрузка). Есть ли возможность отключить...

Модальное окно при загрузке страницы
Здравствуйте уважаемые форумчане. Толком не мог определиться где создать тему, но все-таки думаю угадал. Проблема в следующем, как можно...

Модальное окно на JavaScript при загрузке страницы
Добрый день! Видел много готовых решений для всплывающих окон при клике на ссылку или картинку. Не смог найти решения для модального...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при создании или изменении элементов справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru