javascript - 使用dragula javascript获取删除的div的id

Question

我正在尝试使用 Dragula.js 的拖放功能来更新 c3.js 图表，但我不知道如何获取拖入新容器的 div 的 id。我的 html 是这样的:

<div id="collapse1" class="panel-collapse collapse">
    <div id="color1" class="form-inline">1</div>
    <div id="color2" class="form-inline">2</div>
    <div id="color3" class="form-inline">3</div>
</div>
<div id="collapse2" class="panel-collapse collapse">

</div>

我正在使用 Dragula.js 进行拖放:

dragula([collapse1,collapse2]);

我对 jquery 确实很陌生，但是关注 this question ，访问 <div> 的 id掉入collapse2我试图做这样的事情:

alert($("#collapse1.collapse2 div:first").attr("id"));

但是没有结果。任何帮助将非常感激

Answer 1

Dragula 有三个元素，一个是 Source Div、Target Div 及其关联元素。以下方法对我来说是魅力，但我不使用有版本问题的 get() 方法。您可以两者都尝试。Dragula 为您提供放置的 div、源 Div、目标 Div 的 id。

   const dragula = Dragula(['', '']);
      dragula.on('drop', (el, target, source, sibling) => {
        const elementId = $(el).attr("id");
        const targetID = $(target).attr("id");
        const sourceId = $(source).attr("id");
}