【问题标题】:How to change the jquery mmenu to open from the right? [closed]如何将jquery mmenu更改为从右侧打开? [关闭]
【发布时间】:2013-08-04 02:06:59
【问题描述】:

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

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

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

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

【问题讨论】:

  • 与其共享您的整个代码库,不如将您试图完成此行为的代码部分隔离开来,这样人们就可以更容易地帮助您。为了后代的缘故,考虑将该代码直接放入问题中。
  • 感谢您帮助我了解这里的礼仪。
  • 这怎么跑题了?
  • 离题?你在说什么?它是正确的主题,我也需要这个答案。

标签: jquery user-experience mmenu


【解决方案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
  • ^ 不是插件,而是插件本身的扩展
猜你喜欢
  • 1970-01-01
  • 2021-07-07
  • 1970-01-01
  • 1970-01-01
  • 2020-09-20
  • 1970-01-01
  • 1970-01-01
  • 2018-10-23
  • 2012-10-09
相关资源
最近更新 更多