我已经对 Materialise 运行进行了基本设置,除了滑出侧面导航之外,一切似乎都很好。
这是我的代码。菜单:
<ul class="right hide-on-med-and-down">
<li><a class="dropdown-button" data-constrainwidth="false" data-beloworigin="true" data-activates="about-drop" href="#!">About<i class="material-icons left">arrow_drop_down</i></a></li>
<li><a class="modal-trigger" href="#signup">Signup</a></li>
<li><a class="modal-trigger" href="#sign-in">Sign In</a></li>
</ul>
<ul id="slide-out" class="side-nav">
<li><a href="#">About</a></li>
<li><a href="#">Signup</a></li>
<li><a href="#">Sign In</a></li>
</ul>
<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>
JS:
<script>
$(".dropdown-button").dropdown();
$(".button-collapse").sideNav();
$(document).ready(function(){
$('.modal-trigger').leanModal();
});
</script>
减小屏幕尺寸时,我得到了适当的汉堡菜单,但是,单击汉堡并不会展开菜单。 URL 使用哈希值 # 进行更新,仅此而已。我的 JS 输出中没有报告错误。
对于其他 JS 函数,下拉菜单和模式都可以工作。很困惑为什么 sideNav 先生不合作。
有任何想法吗?
我找到了解决方案。我从 Materialise 获取了 init hack:http://materializecss.com/templates/starter-template/js/init.js http://materializecss.com/templates/starter-template/js/init.js然后确保它是在我的 JS 中最后调用的。 (将其放在 JS 其余部分之前会导致其失败。)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)