jQuery clone 2菜单但附加的第二个菜单没有添加mmenu类

Question

我有两个单独的菜单，我试图克隆到一个mmenu移动。我试图将第二个用于mmenu但是当mmenu克隆了带有孩子ul和li的ul时，它没有应用样式。

我的菜单看起来像这样

<nav id="menu">
    <ul>
      <li>Menu 1
        <ul>
          <li>Menu 2</li>
          <li>Menu 2</li>
          <li>Menu 2</li>
        </ul>
      </li>
      <li>Menu 1
        <ul>
          <li>Menu 2</li>
          <li>Menu 2</li>
          <li>Menu 2</li>
        </ul>
      </li>
      <li>Menu 1
        <ul>
          <li>Menu 2</li>
          <li>Menu 2</li>
        </ul>
      </li>
      </ul>
    </nav>
    <nav id="menuB">  
    <ul>
      <li>Menu 1
        <ul>
          <li>Menu 2</li>
          <li>Menu 2</li>
          <li>Menu 2</li>
        </ul>
      </li>
      <li>Menu 1
        <ul>
          <li>Menu 2</li>
          <li>Menu 2</li>
          <li>Menu 2</li>
        </ul>
      </li>
      <li>Menu 1
        <ul>
          <li>Menu 2</li>
          <li>Menu 2</li>
        </ul>
      </li>
      </ul>
    </nav>

我的jquery看起来像是将menuB附加到mmenu

$("#menu").mmenu({
    // options
}, {
    // configuration
clone: true
});
$('#mm-menu ul').append($('#menuB ul').html());

附加菜单B菜单1项目确定没问题，但是子菜单或menu2项目没有应用mmenu类和样式，看起来像普通的项目符号列表。

任何想法如何在mmenu克隆菜单后添加，然后像第一个菜单一样添加类？

https://jsfiddle.net/abennington/3vyqyh9j/8/