Jquery 当我将新元素动态添加到可拖放区域时，所有现有元素都不可拖放

我的html容器如下所示，它有很多级别

    <div id='levels'>
    <div id="level6" class="container">
    <div class="content">
      <ul id="6" class="levelBucket">
      </ul>
    </div>
    </div>
    <div id="level5" class="container">
        <div class="content">
            <ul id="5" class="levelBucket">
            </ul>
        </div>
    </div>
    </div>

---

页面加载后，所有可拖动和可拖放功能都正常工作。在我的页面中有一个单独的按钮来动态添加LI元素。当我添加新元素时，我再次调用上面的Java脚本方法，以使新添加的项可拖动。但实际上，新添加的LI在可拖放和可拖放的情况下运行良好，并且所有现有的LI不再可拖放。

我一直在使用以下方法将“LI”元素添加到LevelBucket中

 consultantContainer.innerHTML += consultantWrapper;

但在我按照下面提到的方式修改了上面的行之后，我的问题就解决了。我认为问题在于使用innerHTML附加元素，它会影响可拖动功能

$(consultantWrapper).appendTo('#' + level);

编辑：这里有一个更明确的例子来说明

$（'arbirrycontent'）。附加到（'#'+arbirryId）；

 consultantContainer.innerHTML += consultantWrapper;

$(consultantWrapper).appendTo('#' + level);

$('<div class="arbitraryClass">arbitraryContent</div>').appendTo('#' + arbitraryID);