javascript - 将元素移动到另一个 div 而不会丢失事件、监听器等(没有 jQuery)

Question

简单地说，我正在尝试将子菜单从一个位置移动到另一个位置。 (简单的)我需要在不丢失任何事件处理程序等的情况下执行此操作。(更难)

  <ul id="Menu A">
      <li id="submenu">My Submenu with Clicky Events</li>
  </ul>
  <ul id="Menu B">
      <!--This is where I want to move #submenu (with) all its' events intact -->
  </ul>

我已经尝试了以下但没有成功:

    var submenu = $('#submenu').clone(true,true);
    submenu.prependTo('.Menu B'); 

理想情况下，我可以在不使用 jQuery 的情况下找到解决方案，但如果您有适用于它的解决方案，那就没问题了。

Answer 1

通过 jQuery，您可以使用 .appendTo()

$('#element_to_move').appendTo('#PARENT_at_destination');

jQuery 将从当前位置剪切它并将其移动到新位置，而不会丢失绑定(bind)等。但是，样式可能会受到影响，因为 DOM 位置将发生变化。

这也可能有帮助:https://api.jquery.com/detach/