JS popup не работает в Safari (скрыть / показать) - PullRequest
Новая
       28

JS popup не работает в Safari (скрыть / показать)

0 голосов
/ 10 января 2019

Простое всплывающее окно с JS не работает на IPhone и IPad

Пытался заменить href = "javascript: PopUpShow ()" на onclick = "PopUpShow ()", но все так же, он работает везде, кроме Safari 

<a href="javascript:PopUpShow()" id="pop-show">click me</a>
<div onclick="PopUpShow()"><i class="fas fa-phone"></i> </div>
<div class="b-popup" id="popup1">
<div class="b-popup-content">
<a class="b-popup-close" href="javascript:PopUpHide()">
<div class="col-md-4 col-12 padding-pop">  <div class="right-cont-pop" id="pop-hide"> close </a></div></div>
<div class="row">
<div class="col-md-4 col-12 padding-pop"><i class="fas fa-phone"></i></div>
<div class="col-md-4 col-12 padding-pop"><i class="fas fa-phone"></i></div>
<div class="padding-pop-text">blabla i'm pop up</div>
</div>
</div>
</div>

Это мой код JS 

function PopUpShow(){
$("#popup1").show();
}
function PopUpHide(){
$("#popup1").hide();
 }

И КСС 

.b-popup .b-popup-content a{
color: #000;
font-weight: 500;}


.mobil-icons {
display: block;
right: 0px;
position: absolute;
z-index: 999;
padding-top: 10px;}


.b-popup{
display: none;
min-height: 100%;
overflow: hidden;
position: fixed;
top: 0px;}

.b-popup .b-popup-content{
margin: 38px auto 0px auto;
width: 250px;
height: 250px;
padding: 10px;
background-color: #fff;
position: fixed;
top: 0;
right: 0;}

.b-popup-close {
color: #000;
font-weight: 500;
text-decoration: none;}

Пожалуйста, помогите мне решить эту проблему!

1 Ответ

0 голосов
/ 10 января 2019

Как оказалось, проблема была не в JS вообще. "дисплей: гибкий;" сделал все всплывающее окно абсолютно невидимым. Я имею в виду, что всплывающее окно было там все время, я нажал на ссылку на него! Просто поменял его на «блок» и он появился. Но у меня есть вопрос к разработчикам Safari ... WTF?

...