xxxxxxxxxx1
2
<div sortable-list data-mdb-sortable="sortable" class="sortable-list">3
4
<div class="sortable-item" data-mdb-drag-handle=".draggable-drag-ico" id="task_map_1">5
<div class="input-group">6
<div class="input-group-prepend"><button class="btn btn-secondary btn-sm mb-2 draggable-drag-ico"><i class="fas fa-arrows-up-down"></i></button></div>7
<div class="input-group-append"><button class="btn btn-secondary btn-sm mb-2"><i class="fa fa-minus"></i></button></div>8
</div>9
</div>10
<div class="sortable-item" data-mdb-drag-handle=".draggable-drag-ico" id="task_map_2">11
<div class="input-group">12
<div class="input-group-prepend"><button class="btn btn-secondary btn-sm mb-2 draggable-drag-ico"><i class="fas fa-arrows-up-down"></i></button></div>13
14
<div class="input-group-append"><button class="btn btn-secondary btn-sm mb-2"><i class="fa fa-minus"></i></button></div>15
</div>16
</div>17
<div class="sortable-item" data-mdb-drag-handle=".draggable-drag-ico" id="task_map_3">18
<div class="input-group">19
<div class="input-group-prepend"><button class="btn btn-secondary btn-sm mb-2 draggable-drag-ico"><i class="fas fa-arrows-up-down"></i></button></div>20
21
<div class="input-group-append"><button class="btn btn-secondary btn-sm mb-2"><i class="fa fa-minus"></i></button></div>22
</div>23
</div>24
25
</div>26
1
1
xxxxxxxxxx1
const draggableItem1 = document.getElementById('task_map_1');2
draggableItem1.addEventListener('move', (e) => alert('Item 1 was moved')); Console errors: 0