我正在使用Materialise CSS开发一个Ionic移动应用程序。问题是当我必须添加下拉菜单等组件时。
<!-- Dropdown Trigger -->
<a class='dropdown-button btn' href='#' data-activates='dropdown1'>Drop Me!</a>
<!-- 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>
问题是下拉按钮中的href,它会重定向到一个地址#,而不是显示菜单。
如何使用此组件?
由于
答案 0 :(得分:0)
我知道回答这个问题已经很晚了,但想分享一些事情......
我认为下拉问题与jQuery有关,因为你使用离子的cordova或phonegap混合应用程序不支持它。
您可以在混合应用程序中使用纯javascript或angularjs。你也可以使用ionic's dropdown并使用materializecss的下拉设计通过复制materialize.css文件中的下拉类来添加自定义类。
在离子帧工作中使用materializecss的最佳方法是仅使用CSS代码,并使用其他javascript插件来获得该效果。
如果您喜欢其中一些类似于materializecss
的功能,您也可以使用离子材料