在实现CSS中创建两个Side Nav

时间:2018-07-07 15:13:29

标签: materialize

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

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

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

1 个答案:

答案 0 :(得分:1)

我解决了问题,方法是在另一边的导航栏中指定一个单独的类。 似乎class sidenav必须存在,sidenav才能正常运行。所以我创建了一个类并解决了我的问题

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

类似地,我的另一边导航为

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