<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();
});
答案 0 :(得分:0)
尝试给按钮一个id
<button id="trigger" data-target="modal1" class="btn modal-trigger">Modal</button>
并在jquery中添加一个click事件
$('#trigger').click(function(e){
$('#modal1').openModal();
});