materialize - 在物化 css 中创建两个侧导航

Question

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

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

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

标签： materialize

Answer 1

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

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

同样我有我的另一个sidenav

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