基本的Dragula实现



我正在尝试获得一个简单的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实施

好的,所以我简单地移动

来修复它
 <script src='drag3.js'></script>

到页面末端。

的确:

有一个警告。您不应将其包含在Web应用程序的头脑中。将脚本放在头上是不好的做法,因此,dragula毫不费力地支持这种用例。将龙拉放在体内。

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

相关内容

  • 没有找到相关文章

最新更新