具有离子功能的MaterialiseCSS下拉列表

时间:2015-05-07 14:59:09

标签: javascript html ionic-framework material-design materialize

我正在使用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,它会重定向到一个地址#,而不是显示菜单。

如何使用此组件?

由于

1 个答案:

答案 0 :(得分:0)

我知道回答这个问题已经很晚了,但想分享一些事情......

我认为下拉问题与jQuery有关,因为你使用离子的cordova或phonegap混合应用程序不支持它。

您可以在混合应用程序中使用纯javascript或angularjs。你也可以使用ionic's dropdown并使用materializecss的下拉设计通过复制materialize.css文件中的下拉类来添加自定义类。

在离子帧工作中使用materializecss的最佳方法是仅使用CSS代码,并使用其他javascript插件来获得该效果。

如果您喜欢其中一些类似于materializecss

的功能,您也可以使用离子材料