Javascript 带有前位置和滑动子菜单的MME菜单：false

我第一次尝试在一个新项目中使用mmenu。如何使两个功能正常工作：滑动子菜单：false和position front，left？我是Javascript和JQuery的新手。我尝试了一些方法将这两个功能结合起来，并同时使用这两个功能。只有放在第一位的函数才能工作。 希望有人能给我一个提示。谢谢

我希望同时使用的脚本包括：

<script type="text/javascript">
    $(document).ready(function() {
        $("#navMain").mmenu({
            slidingSubmenus: false
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#navMain").mmenu({
            offCanvas: {
                position: "right",
                zposition: "front"
            }
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#navMain”）.mmenu({
滑动子菜单：false
});
});
$（文档）.ready（函数（）{
$（“#navMain”）.mmenu({
非画布：{
位置：“对”，
Z位置：“前方”
}
});
});

$（文档）.ready（函数（）{
$（“#navMain”）.mmenu({
滑动子菜单：false，
非画布：{
位置：“对”，
Z位置：“前方”
}
});
});

请您添加一些解释-为什么这会起作用，而OP的代码是错误的？这将是一个更好的答案。

<script type="text/javascript">
    $(document).ready(function() {
        $("#navMain").mmenu({
            slidingSubmenus: false,
offCanvas: {
                position: "right",
                zposition: "front"
            }
        });
    });
</script>