jquery - jQuery mmenu 插件在打开菜单时不缩放，但在关闭菜单时缩放

Question

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

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

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

Answer 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 文件中的内容）。