Форум программистов, компьютерный форум, киберфорум
jQuery
Форум программистов и сисадминов Киберфорум > Форум web-программистов > JavaScript > jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
0 / 0 / 0
Регистрация: 26.01.2019
Сообщений: 2

Модальное окно открывается и закрывается только при всплывающем блоке Cookies

26.01.2019, 23:32. Показов 992. Ответов 3
Метки нет (Все метки)
Студворк — интернет-сервис помощи студентам
Помогите.Модальное окно открывается и закрывается только при всплывающем блоке Cookies. Почему так происходит?

//функция скрытия всплывающего окна
$('.shut').click(function(){
$('.popup').css('display','none')
});
//фунция открытия всплывающего окна
$('.button2').click(function() {
$('.popup').css('display','flex')
});
//всплывающий блок Cookies
$('.popup1').slideToggle(3000);
$('.button1').click(function(){
$('.popup1').slideToggle(3000);
});
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
 26.01.2019, 23:32
Ответы с готовыми решениями:

Модальное окно выводится только на главной
Доброго времени суток, столкнулся с проблемой. Имеется скрипт: $(document).ready(function() { // запускаем скрипт после загрузки...

Не закрывается всплывающее окно, что только не делал
Прошу помощи! Поставил скрипт всплывающего окна. Демо - http://siteis.ru/index.php?option=com_content&view=article&id=166 ...

Не открывается\закрывается модальное окно
Есть такое модальное окно. <a href="#openModal"><img src="/templates/shop/img/zakazat.png" /></a> <div id="openModal"...

3
 Аватар для Уф
890 / 725 / 447
Регистрация: 13.07.2015
Сообщений: 2,277
27.01.2019, 16:37
html код покажи
0
0 / 0 / 0
Регистрация: 26.01.2019
Сообщений: 2
28.01.2019, 00:55  [ТС]
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Роза Хутор</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body id="close">
<div class="wrapper">
<div class="header">
<!--<img src="https://www.cyberforum.ru/images/logo.png" alt="" title="">-->
<a href="#" class="logo" ></a>
<a class="first" href="#">Главная </a>
<a class="first" href="#">О нас</a>
<a class="first" href="#">Контакты </a>
</div>
<div class="blok1">
<h3>Tолько красивые путешествия!</h3>
<button class="button">Присоединяйся</button>
</div>
<div class="blok2">Путешествуй красиво! Блог в фотографиях </div>
<div class="blok3">
<div class="text">
<p>
текст
</p><br>
<p>
текст
</p><br>
<p>
текст
</p><br>
<p>
текст
</p>
</div>
</div>
<div class="blok4">
<div class="blok-a">
<img src="moscow.png" alt="" title="">
<h3>путешествия по россии</h3>
<div class="band">
</div>
<p>
текст
</p>
</div>
<div class="blok-a">
<img src="big-ben.png" alt="" title="">
<h3>путешествия по европе</h3>
<div class="band">
</div>
<p>
текст
</p>
</div>
<div class="blok-a">
<img src="pyramids.png" alt="" title="">
<h3>путешествия по африке</h3>
<div class="band">
</div>
<p>
текст
</p>
</div>
</div>
<div class="blok5">
<div class="blok-b">
<img src="north-america.png" alt="" title="">
<h3>путешествия по северной америке</h3>
<div class="band">
</div>
<p>
текст
</p>
</div>
<div class="blok-b">
<img src="south-america.png" alt="" title="">
<h3>путешествия по южной америке</h3>
<div class="band">
</div>
<p>
текст
</p>
</div>
<div class="blok-b">
<img src="kangaroo.png" alt="" title="">
<h3>путешествия по австралии</h3>
<div class="band">
</div>
<p>
текст
</p>
</div>
</div>
<div class="blok6">
<button class="button2">Добро пожаловать!</button>
</div>
<div class="footer">
<div class="footer1">
<p class="end" > Мы рядом с вами: </p>
<p class="end1"> Москва,ул.Кoмсомола 12 оф.234 </p>
<p class="end2">
Тел:8(495)626-46-00<br>
E-mail:travel@mytravel.ru<br>
Часы работы:пн-пт 10:00-18:00
</p>
</div>
<div class="footer1">
<img src="https://www.cyberforum.ru/images/logo.png" alt="" title="">
</div>
<div class="footer1">
<p class="end3" >
Путешествия по России<br>
Путешествия по Европе<br>
Путешествия по Африке<br>
Путешествия по Северной Америке<br>
Путешествия по Южной Америке<><br>
Путешествия по Австралии
</p>
</div>
</div>
</div>
<div class="popup1">
<h2>Наш сайт использует файлы Cookies для получения <br>
статистики и улучшения работы сайта</h2>
<div class="moon">
<div class="crater">
<div class="crater1">
<div class="crater2">
<div class="crater3">
<div class="button1">Я понял</div>
</div>
</div>
</div>
</div>
</div>
<div class="popup">
<div class="popup-center">
<img src="https://www.cyberforum.ru/images/logo.png" alt="" title="">
<div class="shut">
<button class="cross"></button>
</div>
<h2>Отправьте нам сообщение</h2>
<form method="GET" action="form.php">
<input type="text" name="fio" placeholder="ФИО">
<input type="text" name="email" placeholder="E-mail">
<textarea name="" id="" cols="30" rows="10"></textarea>
<input type="submit" value="Отправить сообщение">
</form>
</div>
</div>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
0
 Аватар для Уф
890 / 725 / 447
Регистрация: 13.07.2015
Сообщений: 2,277
28.01.2019, 14:27
лучше использовать теги для кода, а то сложно читать
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155

<!DOCTYPE html>
<html lang="ru">
   <head>
      <meta charset="utf-8">
      <title>Роза Хутор</title>
      <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body id="close">
      <div class="wrapper">
         <div class="header">
            <!--<img src="https://www.cyberforum.ru/images/logo.png" alt="" title="">-->
            <a href="#" class="logo" ></a>
            <a class="first" href="#">Главная </a> 
            <a class="first" href="#">О нас</a>
            <a class="first" href="#">Контакты </a>
         </div>
         <div class="blok1">
            <h3>Tолько красивые путешествия!</h3>
            <button class="button">Присоединяйся</button>
         </div>
         <div class="blok2">Путешествуй красиво! Блог в фотографиях </div>
         <div class="blok3">
            <div class="text">
               <p>
                  текст
               </p>
               <br>
               <p>
                  текст
               </p>
               <br>
               <p>
                  текст
               </p>
               <br>
               <p>
                  текст
               </p>
            </div>
         </div>
         <div class="blok4">
            <div class="blok-a">
               <img src="moscow.png" alt="" title="">
               <h3>путешествия по россии</h3>
               <div class="band"></div>
               <p>
                  текст
               </p>
            </div>
            <div class="blok-a">
               <img src="big-ben.png" alt="" title="">
               <h3>путешествия по европе</h3>
               <div class="band"></div>
               <p>
                  текст
               </p>
            </div>
            <div class="blok-a">
               <img src="pyramids.png" alt="" title="">
               <h3>путешествия по африке</h3>
               <div class="band"></div>
               <p>
                  текст
               </p>
            </div>
         </div>
         <div class="blok5">
            <div class="blok-b">
               <img src="north-america.png" alt="" title="">
               <h3>путешествия по северной америке</h3>
               <div class="band"></div>
               <p>
                  текст
               </p>
            </div>
            <div class="blok-b">
               <img src="south-america.png" alt="" title="">
               <h3>путешествия по южной америке</h3>
               <div class="band"></div>
               <p>
                  текст
               </p>
            </div>
            <div class="blok-b">
               <img src="kangaroo.png" alt="" title="">
               <h3>путешествия по австралии</h3>
               <div class="band"></div>
               <p>
                  текст
               </p>
            </div>
         </div>
         <div class="blok6">
            <button class="button2">Добро пожаловать!</button>
         </div>
         <div class="footer">
            <div class="footer1">
               <p class="end" > Мы рядом с вами: </p>
               <p class="end1"> Москва,ул.Кoмсомола 12 оф.234 </p>
               <p class="end2">
                  Тел:8(495)626-46-00<br>
                  E-mail:travel@mytravel.ru<br>
                  Часы работы:пн-пт 10:00-18:00
               </p>
            </div>
            <div class="footer1">
               <img src="https://www.cyberforum.ru/images/logo.png" alt="" title=""> 
            </div>
            <div class="footer1">
               <p class="end3" > 
                  Путешествия по России<br>
                  Путешествия по Европе<br>
                  Путешествия по Африке<br>
                  Путешествия по Северной Америке<br>
                  Путешествия по Южной Америке<><br>
                  Путешествия по Австралии
               </p>
            </div>
         </div>
      </div>
      <div class="popup1">
         <h2>Наш сайт использует файлы Cookies для получения <br>
            статистики и улучшения работы сайта
         </h2>
         <div class="moon">
            <div class="crater">
               <div class="crater1">
                  <div class="crater2">
                     <div class="crater3">
                        <div class="button1">Я понял</div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="popup">
            <div class="popup-center">
               <img src="https://www.cyberforum.ru/images/logo.png" alt="" title="">
               <div class="shut">
                  <button class="cross"></button>
               </div>
               <h2>Отправьте нам сообщение</h2>
               <form method="GET" action="form.php">
                  <input type="text" name="fio" placeholder="ФИО">
                  <input type="text" name="email" placeholder="E-mail">
                  <textarea name="" id="" cols="30" rows="10"></textarea>
                  <input type="submit" value="Отправить сообщение">
               </form>
            </div>
         </div>
      </div>
      <script src="js/jquery-3.3.1.min.js"></script>
      <script src="js/main.js"></script>
   </body>
</html>
Добавлено через 3 минуты
https://developer.mozilla.org/... 1%80%D0%B5

сам не пользовался, но согласно этой статье при использовании display:flex нужно еще задать стили выравнивания
CSS
1
2
3
4
5

.box {
  display: flex;
  align-items: center;
  justify-content: center;
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
 28.01.2019, 14:27
Помогаю со студенческими работами здесь

При нажатии на кнопку открывается новое окно, а предыдущее закрывается
Добрый день! Не могли помочь, как сделать так чтобы при нажатии на кнопку открывалось новое окно, а предыдущее в это время закрылось....

Не закрывается модальное окно
Помогите разобраться с кодом.Установил на сайт модальное окно,открывается по клику на ссылку,но вот почему то не закрывается.При нажатии на...

Модальное окно закрывается с задержкой
Имеется приложение, в момент своего открытия, оно вызывает модальное окно настроек, после нажатия кнопки &quot;ОК&quot;, вызывается...

Не закрывается модальное окно и распознование кнопок
Есть 2 вопроса: 1) Создал стандартный шаблон и решил регистрацию запихнуть в модальное окно. В _Layout дописать кусок: &lt;div...

Модальное окно не открывается
Доброго времени суток. Написал по гайду всплывающее окно, которое отображает частичное представление - все работает. Решил...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru