2

我试图让mmenu在高于某个屏幕宽度时显示在正常的文档流中，并且低于该宽度显示，就像它开箱即用一样。我遇到了一个提到“克隆”的答案，尽管我不确定这意味着什么（它只是用不同的 ID 复制菜单吗？）......我有一个 15 页网站的项目，这将是完美的，如果我可以让它像我想要的那样工作！任何帮助将不胜感激！

我试过像这样包装函数（我的 jQuery/javascript 绝对不是我的强项！）：

$(document).ready(function($) {
  if($(window).width() < 768) {
        $("#menu").mmenu();
  }
});

HTML：

<nav id="menu">
    <ul>
        <li class="Selected"><a href="#">ONE</a></li>
        <li><a href="#">TWO</a></li>
        <li><a href="#">THREE</a></li>
    </ul>
</nav>
4

1 回答 1

0

创建一个克隆（是的，更改其 ID）为您提供两个 NAV，其中包含相同的 HTML。在第一个 NAV 上触发插件并使用 CSS 和媒体查询在移动站点中显示它。再次使用 CSS 和媒体查询将其隐藏在桌面站点中。反之亦然，使用 CSS 和媒体查询来隐藏移动站点中的第一个 NAV 并在桌面站点中显示它。

请注意，mmenu 插件有一个用于克隆菜单的内置选项，该选项将自动在菜单中的所有 ID 前面加上“mm-”：

$("#menu").mmenu({
   clone: true
});
于 2014-03-19T06:03:38.270 回答