javascript - 如何将 Dragula 与 Googlepolymer 结合使用

Question

我正在使用 Google Polymer 创建一个 html 模块。我正在尝试拖放一个自定义 polymer 元素，因此我无法在 HTML 5 中使用可拖动标签。因此，我使用 Dragula https://github.com/bevacqua/dragula 。我的 html 看起来像这样

<div class="leftTable">
    <custom-polymer-element></custom-polymer-element>
</div>

在 Polymer 函数中，我使用我希望能够从中拖动的容器调用 Dragula:

<script>
    Polymer({
        is:"custom-wrapper",
        attatched: function() {
            dragula([document.querySelector('.leftTable')]);
        }
    });
</script>

我在 demo/index.html 文件中导入了 Dragula。我在这里遗漏了什么或做得不正确吗？

编辑:我所做的导入如下:

dragula.js/dist/dragula.js

dragula.js/dist/dragula.css

Answer 1

为了获得 polymer 元件内的容器，您不能使用

document.querySelector('.leftTable')

相反，您必须使用

this.$.leftTable

它通过 id 来选择。