jquery - 防止启用克隆的 mmenu 来克隆 CSS 类

Question

我有一个结构如下的菜单:

<nav id="header-bar-menu-wrapper" class="show-for-large">
        <ul id="header-bar-menu">
          <li>
            <a href="">Link 1</a>
          </li>

然后像这样用 mmenu 克隆:

var $menu = $("#header-bar-menu-wrapper").mmenu({
    // options
}, {
    // configuration
    clone: true
});

我希望原始菜单在桌面上可见，并且仅在平板电脑/移动设备上使用 mmenu。

因为我使用 Zurb Foundation，所以我想使用提供的类来执行此操作，而不是编写我自己的媒体查询。这就是我使用 show-for-large 的原因。

但是，show-for-large 被复制到克隆菜单中，如下所示:

<nav id="mm-header-bar-menu-wrapper" class="show-for-large mm-menu mm-menu_offcanvas mm-menu_opened">

如何防止 CSS 类被克隆？

或者，我如何使用 Foundation 自己的断点来执行此操作？我不想在自己的 CSS 中写入任何像素大小。

我还想避免必须通过 JavaScript 添加/删除类，尽管我现在被迫这样做。

Answer 1

你可以试试

$("#header-bar-menu-wrapper").clone().removeClass('show-for-large').mmenu({
    // options
}, {
    // configuration
})