如何将jquery mmenu更改为从右侧打开？ [关闭]

Posted 2023-05-08

【中文标题】如何将jquery mmenu更改为从右侧打开？ [关闭]

【英文标题】：How to change the jquery mmenu to open from the right? [closed]

【发布时间】：2013-08-04 02:06:59

【问题描述】：

我正在尝试为 mmenu 创建自定义行为，以便从网站右侧打开。

有关于如何更改此类内容的指南吗？这是我到目前为止所得到的。

http://codepen.io/davo/pen/krxLw

无论如何，我会继续努力，如果我找到合适的方法，我会在这里发布。

【问题讨论】：

与其共享您的整个代码库，不如将您试图完成此行为的代码部分隔离开来，这样人们就可以更容易地帮助您。为了后代的缘故，考虑将该代码直接放入问题中。

感谢您帮助我了解这里的礼仪。

这怎么跑题了？

离题？你在说什么？它是正确的主题，我也需要这个答案。

【参考方案1】：

将选项“位置”设置为“右”（“方向”不是选项）：

$("nav").mmenu(
    offCanvas 
        position: "right"
    
);

插件的文档随下载包一起提供，只需打开 docs/index.html 文件即可查看示例、选项、事件和教程。所有这些也可以通过网站访问（点击“查看这些页面”链接）。

编辑： 插件现已正确记录：http://mmenu.frebsite.nl

【讨论】：

不幸的是，这不起作用。 position:'right' 仍然会左右滑动菜单。我尝试过的任何事情都不会改变行为。您能否提供一个这样做的示例，因为它是其他人可能也需要的功能？谢谢。

@IIS7Rewrite 解决方案是在offCanvas 对象中使用它。有关详细信息，请参阅this。

【参考方案2】：

您可以设置选项position。默认为left，但如果您将其设置为right，您的菜单会从右侧打开。添加direction:'right'，使其向左打开。

$menu.mmenu(
    dragOpen: true,
    position:'right',
    direction:'left',
    ...
);

不，似乎没有关于这个插件的文档。我刚刚下载了源代码并查看了它是如何工作的。我就是这样发现的。

希望对你有帮助。

【讨论】：

它有帮助，谢谢。实际上，我不得不更改 mmenu.css 上的 CSS 的某些部分。 #header a, .header a 显示：块；宽度：40px；高度：40px；位置：绝对；顶部：0；右：10px；

很遗憾这个问题已关闭；这绝对是相关的。总之，现在有一个插件来处理定位：mmenu.frebsite.nl/documentation/extensions/positioning.html。

^ 不是插件，而是插件本身的扩展