在 materialize css 中创建两个 Side Navs

Question

我想要两个侧导航，它们使用物化 css 从屏幕的不同方向触发。我应该如何初始化两个不同的侧面导航，因为我必须为它们使用不同的选项？

$('.sidenav').sidenav();

我应该如何初始化另一个 sidenav，因为我想为它们提供不同的选项？我曾尝试使用不同的 class 名称，但没有用。请提出一些想法。

Answer 1

我通过指定单独的 class 我的另一侧导航解决了我的问题。似乎 class sidenav 必须呈现才能使 sidenav 正常运行。所以我创建了一个 class 并解决了我的问题

$('.sidenav.my-side-nav-1').sidenav(options1);

同样，我还有另一个 sidenav

$('.sidenav.my-side-nav').sidenav(options2);

Create two Side Navs in materialize css