Javascript 物化模式显示错误

出于某种原因，我的物化模式有一个非常奇怪的布局。 我没有碰我的CSS文件，也没有更改基本样式。也许有人知道问题出在哪里

我的莫代尔不在某个部门。就在身体里面

$（文档）.ready（函数（）{
$（'.modal'）.modal（）；
$（'#modal1'）。on（'click'，function（）{}）；
});
html，
身体{
最大高度：100%；
最小高度：100%；
溢出x：隐藏；
}
身体{
背景图片：url（“../img/kristallwelt.jpg”）；
-webkit背景尺寸：封面；
moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}

模态头
一串文字

您的HTML中遗漏了很多内容，因此我更新了您的代码

演示

HTML

<!-- Modal -->
<div id="modal1" class="modal fade  modal-fixed-footer" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">        
    <p>A bunch of text</p>
      </div>
      <div class="modal-footer">
        <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Agree</a>
         <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Disgree</a>
      </div>
    </div>

  </div>
</div>

CSS

 You can use yours

你有JSFIDLE吗？“很容易修好。”公主对不起，我现在知道了。绿色div上的绿色圆形按钮应打开div。。。我想我还有一个问题。你能看一下我的编辑吗？我认为这将是一个愚蠢的错误…首先，删除jQuery它是包含2次你有它在某处生活吗？哦，是的。我把它拿走了。我只是在那里买的。还是不行。同样的错误哦，误解了你的问题。给我一秒钟
 You can use yours