javascript - mmenu position & direction 属性从右边滑入

标签 javascript jquery html css mmenu

我读到另一个人的问题,询问如何使 mmenu 从屏幕右侧而不是左侧滑入。他们回答说他们通过执行以下操作使其工作,但它在我的实例中不起作用 - 它仍然从屏幕左侧移入,而不是我想要的右侧。

mmenu相关文件是最新的http://mmenu.frebsite.nl/ ,所以我认为这不是版本问题。

<!DOCTYPE html>
<html>
<head>
<title>mmenu test</title>
<script src="jquery-2.1.4.min.js"></script>
<link type="text/css" href="jquery.mmenu.all.css" rel="stylesheet" />
<script type="text/javascript" src="jquery.mmenu.min.all.js"></script>
<script>
    $(document).ready(function() {
        var API = $("#menu").mmenu({
            dragOpen: true,
            position:'right',
            direction:'right'
        }).data( "mmenu" );
        $("#menu-button").click(function() {
            API.open();
        });
    });
</script>
</head>
<body>
<div>
This is some body content
</div>
<button id="menu-button">open/close</button>

<nav id="menu">
<ul>
    <li><a href="/">Home</a></li>
    <li><a href="/about">About us</a>
</ul>
</nav>
</body>
</html>

最佳答案

来自 this page of the plugin documentation ,您需要包含“定位”扩展名。我想它已经包含在您的案例中,因为您调用了 all.jsall.css 文件。

然后,使用下面的代码:

$("#menu").mmenu({
   offCanvas: {
      position: "right"
   }
});

关于javascript - mmenu position & direction 属性从右边滑入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34499077/

相关文章:

javascript - Angular 斜线被编码

php - 无需页面刷新和动画链接消失即可更新 mySQL 记录

jquery - 点击后搜索栏

html - 页尾空白处

javascript - 宽度改变 - Sticky Div

javascript - 如何在我的 ejs 文件中包含 Bootstrap 文件?

javascript - 如何使用 jQuery 将 () 替换为 RegEx

javascript - 使用 JavaScript 在 span 中添加值

javascript - IE 问题 :visible?

javascript - 尽管日志消息正确,JQuery fadeIn() 仍无法正常工作