Question

我拥有最新的实现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可以工作你有主意吗？

Answer 1

您看起来像用 id 选择器定义了模态，所以我认为您应该使用如下模态函数：

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

Answer 2

这对我来说很好

$(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>

加载页面时Materializecss模态未打开

2 个答案: