Materialise CSS 导航栏菜单下拉菜单不会低于原点

Question

我是 MaterializeCSS 和 jQuery 的新手，我这辈子都想不通为什么 belowOrigin 在这个下拉菜单上不起作用。我不确定它是否与菜单 li 的设置方式有关，但我已经看到下拉按钮工作的示例，但是 none 带有下拉触发器。任何有关如何使其正常工作的见解或清晰度都会很棒。谢谢

HTML:

<nav class="navbar-fixed">
      <div class="nav-wrapper" id="nav">
         <a href="#" class="brand-logo center">Nav Dropdown Help</a>
         <ul class="left hide-on-med-and-down">
            <li class="active"><a href="#home">Home</a></li>
            <li><a class="dropdown-trigger" data-target="dropdown1" href="#plan">Test<i class="material-icons right">arrow_drop_down</i></a></li>
         </ul>
      </div>
<ul id="dropdown1" class="dropdown-content nested">
         <li><a href="#">one</a></li>
         <li><a href="#">two</a></li>
         <li><a href="#">three</a></li>
      </ul>

Link 演示我是如何做的 https://codepen.io/anon/pen/xJXezp

Answer 1

使用这个：

$(".dropdown-trigger").dropdown({
   coverTrigger: false
});

而不是

$(".dropdown-trigger").dropdown({
   belowOrigin: true
});

Answer 2

使用 Materialise 0.100.2 的注意事项

没有coverTrigger选项。使用 belowOrigin: true.

Materialise CSS 导航栏菜单下拉菜单不会低于原点

Materialize CSS navbar menu dropdown wont go below origin

jquery

materialize