Question

我试图获得一个简单的Dragula实现，但它拒绝工作。我的代码：

<head>
<link href='drag3.css' rel='stylesheet' type='text/css' />
<link href='css/dragula.css' rel='stylesheet' type='text/css' />
<script src='drag3.js'></script>
</head>

<div class="container">
  <h1>Drag & Drop</h1>
  <p>Trying out <code>dragula.js</code>. Source <a href="https://github.com/bevacqua/dragula">here</a>.</p>
  <div class="left">
    <div id="drag-elements">
      <div>Element 1</div>
      <div>Element 2</div>
      <div>Element 3</div>
    </div>

    <div id="drop-target">
    </div>
  </div>
  <div class="right">
    <div id="display">Display</div>
  </div>
</div>

<script src='js/dragula.js'></script>
<script src='js/example.min.js'></script>

不确定我做错了什么，感谢任何帮助！

实时代码在这里：

Dragula Implementation

Answer 1

好的，所以我只需移动

即可修复它

 <script src='drag3.js'></script>

到页面的末尾。

Answer 2

确实：

<块引用>

有一个关于 Dragula 的警告。您不应将其包含在 Web 应用程序的头部。将脚本放在头部是不好的做法，因此dragula 不努力支持这个用例。而是将 Dragula 放置在主体中。

...根据https://github.com/bevacqua/dragula

基本拖拉实施

2 个答案: