MaterializeCSS模态将无法打开,表单中的下拉列表和选项卡组href

时间:2015-10-27 01:04:22

标签: html materialize

 <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();
  });

1 个答案:

答案 0 :(得分:0)

尝试给按钮一个id

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

并在jquery中添加一个click事件

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