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

Question

我正在查看此HTML5演示的“吃”列表中的任何内容的bin。我想修改它只“吃”一些项目，其他项目将被拒绝。

的代码是在这里：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>

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