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

Question

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

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

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

Answer 1

我在webkit浏览器上注意到了这种行为，FireFox在打开和关闭时都会缩放。这可能是由于类名"mm-zoom-menu"，"mm-open"和"mm-open"同时添加到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-缩放-menu.mm-打开的.mm-menu"中效果-css文件中的内容）。