JQuery mmenu插件在打开菜单时不缩放，但在关闭菜单时缩放答案

【问题标题】：JQuery mmenu plugin doesnt zoom when opening the menu, but zooms when closing the menuJQuery mmenu插件在打开菜单时不缩放，但在关闭菜单时缩放
【发布时间】：2013-12-21 15:40:41
【问题描述】：

我想放大左上菜单的打开和关闭。我补充说：

$('nav#menu').mmenu({
     classes: 'mm-zoom-menu',
});

但菜单仅在关闭时缩放，而不是在首次打开时缩放。有没有人遇到过这个问题，或者认识到问题可能是什么？

【问题讨论】：

更多代码，也许是小提琴，拜托。

标签： jquery mmenu

【解决方案1】：

我在 webkit 浏览器上注意到了这种行为，FireFox 在打开和关闭时都会缩放。这可能是由于类名“mm-zoom-menu”、“mm-opened”和“mm-opening”同时添加到 HTML 节点。

如果页面上的所有菜单都使用缩放效果，您可以尝试将其添加到您的 CSS：

html .mm-menu {
    -webkit-transform: scale(0.7, 0.7) translateX(-40%);
    -moz-transform: scale(0.7, 0.7) translateX(-40%);
    -ms-transform: scale(0.7, 0.7) translateX(-40%);
    -o-transform: scale(0.7, 0.7) translateX(-40%);
    transform: scale(0.7, 0.7) translateX(-40%);

    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

（这是选择器“html.mm-zoom-menu.mm-opened .mm-menu”中的 effects-css 文件中的内容）。

【讨论】：