我正在为前端使用 Materializecss 和 AngularJS 开发一个 Web 应用程序,我的问题是 materialize 的下拉菜单组件对我不起作用。
这是他们网站上的示例下拉列表
$( document ).ready(function(){
$(".dropdown-button").dropdown();
});
<!-- Dropdown Structure -->
<ul id="dropdown1" class="dropdown-content">
<li><a href="#!">one</a></li>
<li><a href="#!">two</a></li>
<li class="divider"></li>
<li><a href="#!">three</a></li>
</ul>
<nav>
<div class="nav-wrapper">
<a href="#!" class="brand-logo">Logo</a>
<ul class="right hide-on-med-and-down">
<li><a href="sass.html">Sass</a></li>
<li><a href="components.html">Components</a></li>
<!-- Dropdown Trigger -->
<li><a class="dropdown-button" href="#!" data-activates="dropdown1">Dropdown<i class="mdi-navigation-arrow-drop-down right"></i></a></li>
</ul>
</div>
</nav>
在他们的网站中它确实有效,但在我的网站中它没有,我猜它必须对href="#!"
下拉按钮的一部分做一些事情,因为也许 AngularJS 正在尝试映射路线或其他东西
如果这是问题,那么我怎样才能让 AngularJS 忽略一些 href?因为为了做下拉菜单和模态,我需要那些href="#!"
,或者如果没有,有什么问题,我该如何解决?
我尝试删除 href 或将其更改为href=""
,但这没有用。