3

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

我怎样才能使这个组件工作?

谢谢

4

1 回答 1

0

我知道现在回答这个问题已经很晚了,但想分享一些东西......

我认为下拉问题出在 jQuery 上,因为您使用了 ionic.cordova 或 phonegap 混合应用程序不支持它。

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

在 ionic 框架中使用 materializecss 的最佳方法是仅使用 CSS 代码,并使用其他 javascript 插件来获得该效果。

如果你喜欢它的一些类似于 materializecss 的功能,你也可以使用离子材料

于 2016-05-04T05:17:51.437 回答