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