禁用materialize.css模式页脚按钮

Question

我想禁用materialize.css的一个模态页脚按钮，我使用disabled="disabled"但它不起作用。这是我在jsfiddle上的例子。

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

  <!-- Modal Structure -->
  <div id="modal1" class="modal modal-fixed-footer">
    <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>
      <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">I want to disable this</a>
    </div>
  </div>

Answer 1

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

  <!-- Modal Structure -->
  <div id="modal1" class="modal modal-fixed-footer">
    <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>
      <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat " disabled="true" >I want to disable this</a>
    </div>
  </div>