为什么 materialize.css 中右侧导航的动画错误？

Question

我想知道为什么我在 materialize.css 中为我的右侧定义的 sidenav 设置了一个 "left" 动画。看看那个动图：

这是我的代码：

    $(document).ready(function () {
        $('.sidenav').sidenav();
    });

//Here my right sidebar with a parameter "edge: right". Still wrong animation for it?
    $(document).ready(function () {
       $('#slide-out2').sidenav({
           edge: 'right',
           draggable: false
       });
    });

谢谢！

Answer 1

您的问题可能是第一个函数在没有修改的情况下初始化所有 sidenavs（edge:'left' 作为默认值），而第二个函数在修改后重新初始化，因此存在潜在的冲突。在这种情况下，我会使用两个单独的初始化：

$(document).ready(function () {
    $('#left-nav').sidenav();
    $('#right-nav').sidenav({
       edge: 'right',
       draggable: false
   });
});

Codepen 使用原版 JS。

为什么 materialize.css 中右侧导航的动画错误？

Why do I have the wrong animation for right sidenav in materialize.css?

jquery

materialize