HTML5拖放 - 防止丢弃一个项目

Question

我正在查看这个垃圾箱的HTML5演示，它可以“吃掉”列表中的任何内容。我想修改它只是为了“吃掉”一些物品而其他物品会被拒绝。

代码在这里：http://html5demos.com/drag

此代码适用于IE，这是一项要求。任何提示将不胜感激。

Answer 1

我不耐烦地找到了一种方法来做这件事。

<ul> <li><a draggable="true" id="one" href="#">one</a></li> <li><a draggable="true" href="#" id="three">two</a></li> <a draggable="true" href="#" id="trick">trick</a> <li><a draggable="true" href="#" id="four">four</a></li> <a draggable="true" href="#" id="five">five</a> </ul>

解决方案是要意识到我可以在列表中添加额外的标签。然后，我必须将标记的样式设置为与列表项完全相同。如果此人试图拖动特技项目，它不会从列表中消失，并且垃圾箱不会提供文本响应。