javascript - Dragula 放入多个 div

Question

我使用 Dragula 在我的应用程序上实现了拖放，但我需要对其进行设置，以便我可以将我的元素拖放到多个 div 中。

我尝试使用一个类来实现它，但它只激活了我的第一个 div。

HTML:

    <div role="presentation" class="table table-striped">
        <div class="files"  id="upload-file"></div>
    </div>
    <div class="col-md-4">
        <div class="drag-container">Test 1</div>
        <div class="drag-container">Test 2</div>
        <div class="drag-container">Test 3</div>
    </div>

调用 Dragula 的 JS:

dragula([document.querySelector('#upload-file'), document.querySelector('.drag-container')]);

如何将项目拖放到多个 div 中？

Answer 1

你可以定义一个数组容器:

var containers = $('.drag-container').toArray();
containers.concat($('#upload-file').toArray());

然后，将 var 'containers' 传递给 dragula 初始化程序:

dragula(containers, {
                isContainer: function (el) {
                    return el.classList.contains('drag-container');
                }
            });