为什么我在materialize.css中的右边sidenav有错误的动画？

Question

我想知道为什么我在 materialize.css 中的右边 sidenav 有一个 "左 "的动画，看看这个 gif。

这是我的代码

    $(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' 作为默认值），而第二个init则在修改后重新初始化，所以存在潜在冲突。在这种情况下，我会使用两个独立的init。

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

Codepen 使用香草JS。