html - MaterializeCSS Modal 无法打开，表单中的下拉列表和选项卡组 href

Question

 <div class="row center">
        <button data-target="modal1" class="btn modal-trigger">Modal</button>
      </div>
<!-- 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>
    </div>
  </div>

这是来自网站的代码。我已经尝试了所有可能的更改来修复错误，但点击模式时没有任何反应。

还有更多问题。我怎样才能让选项卡(仍在 materializecss 中)在点击时重定向到另一个页面？

<li class="tab col s3"><a href="/student/login/">Login</a></li>

这似乎行不通

PS标签的正常格式是

<li class="tab col s3"><a class="active" href="#test1">Register</a></li>

有什么建议吗？

编辑:下拉列表已修复，只是使用了一个选择 div

 <div class="input-field col s12">
   <select>
     <option value="" disabled selected>Choose your option</option>
     <option value="1">Option 1</option>
     <option value="2">Option 2</option>
     <option value="3">Option 3</option>
   </select>
   <label>Materialize Select</label>
 </div>

然后，在一个js文件中，调用

  $(document).ready(function() {
     $('select').material_select();
  });

Answer 1

尝试给按钮一个id

<button id="trigger" data-target="modal1" class="btn modal-trigger">Modal</button>

并在你的 jquery 中添加一个点击事件

$('#trigger').click(function(e){
    $('#modal1').openModal();
});