HTML5拖放按钮和td

时间:2012-06-14 03:59:22

标签: html5 drag-and-drop

我正在尝试拖动按钮并将其放到td上,但它似乎没有工作。拖动很容易。但我似乎无法设置td接受掉落。这是jsFiddle link

我查看了some excellent articles上的文档,但仍然无法弄清楚我做错了什么。

2 个答案:

答案 0 :(得分:2)

在我看来,dragenter处理程序中的警报调用存在问题。我已将fiddle中的调试语句更新为使用console.log而不是alert,这似乎会导致最新版Chrome中的预期行为。

console.log是输出调试语句比alert方法更好的选择,尤其是因为它的侵入性要小得多。如果您担心浏览器中不支持控制台的错误,那么您应该考虑使用的HTML5 boilerplate中包含一个shiv。

在跨浏览器支持方面,我的建议是检查您希望支持的所有浏览器是否完全支持拖放。 caniuse.com是进行此类检查的绝佳资源,但您也可以测试每个目标浏览器中链接到的其中一个演示。如果没有,那么你应该采取DaneSoul的建议,并考虑jQueryUI,旨在记录这些令人沮丧的差距和特性支持某些功能。

答案 1 :(得分:0)

您可以使用JQueryUI轻松实现拖放:

JQueryUI:Draggable& Droppable