如何使用谷歌聚合物dragula



我正在使用Google Polymer创建一个html模块。我正在尝试拖放一个自定义聚合物元素,所以我不能在HTML5中使用draggable标记。正因为如此,我使用了德拉古拉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

为了在聚合物元件中获得容器,您不能使用

document.querySelector('.leftTable')

相反,您必须使用

this.$.leftTable

而是通过id进行选择。

相关内容

  • 没有找到相关文章

最新更新