Materialisecss модальный не открывается при загрузке страницы - PullRequest
Новая
       13

Materialisecss модальный не открывается при загрузке страницы

0 голосов
/ 20 марта 2019

У меня есть последние материализовать CSS и JQuery.Я пытаюсь выдать предупреждение с помощью модального режима при полной загрузке страницы.Но никогда не работает 

<div id="myModal"  class="modal bottom-sheet">
<div class="modal-content">
  <font size="2">Sitemizden en iyi şekilde faydalanabilmeniz için çerezler kullanılmaktadır. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz</font>
</div>
<div class="modal-footer">
  <a href="#!" class="modal-close waves-effect waves-green btn-flat" style="font-size: smaller;margin-top: 0px;height: 30px;">Agree</a>
</div>

И скрипт такой: 

<script type="text/javascript">
   $(document).ready(function(){
       $('.modal1').modal('open');
    });                             
</script>

Если я использую кнопку, чтобы открыть модальный режим, он работает.Так работает CSS и JQuery. Есть идеи?

Ответы [ 2 ]

1 голос
/ 20 марта 2019

Это хорошо работает для меня 

$(document).ready(function() {
  $('.modal').modal().show();
  $('.modal-close').click(function() {
    $('.modal').hide();
  })
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" rel="stylesheet" />


<div id="myModal"  class="modal">

<div class="modal-content">
  <font size="2">Sitemizden en iyi şekilde faydalanabilmeniz için çerezler kullanılmaktadır. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz</font>
</div>
<div class="modal-footer">
  <a href="#!" class="modal-close waves-effect waves-green btn-flat" style="font-size: smaller;margin-top: 0px;height: 30px;">Agree</a>
</div>
</div>
1 голос
/ 20 марта 2019

Похоже, вы определили свой модал с помощью селектора id , так что я думаю, вам следует использовать модальную функцию следующим образом: 

$('#myModal').modal('open');
...