MaterializeCSS框架模式

Question

我使用的是materializecss.com框架。我想创建一个模式。我查阅了文档(http://materializecss.com/modals.html)“如何创建模态”。我创建了一个模型，就像它解释的文档一样...

   <!-- Modal Trigger -->
  <a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>

  <!-- Modal Structure -->
  <div id="modal1" class="modal bottom-sheet">
    <div class="modal-content">
      <h4>Modal Header</h4>
      <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>
    </div>
  </div>

但是如果我点击这个按钮，什么也不会发生。

Answer 1

要使用触发器打开模式，必须初始化模式；

$(document).ready(function(){
    $('.modal-trigger').leanModal();
});

Fiddle