jquery - 禁用 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>