防止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基金会，我想使用所提供的类来做到这一点，而不是写我自己的媒体查询。这就是为什么我用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类被克隆了吗？

另外，我该如何使用基金会自身的断点做到这一点？我不希望在我自己的CSS任何像素大小写。

我也想避免通过JavaScript添加/删除类，但我不得不这样做，现在。

Answer 1

你可以试试

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