2

我正在尝试拖动一个按钮并将其放到 td 上,但它似乎不起作用。拖动很容易。但我似乎无法将 td 设置为接受丢弃。这是jsFiddle 链接

我查看了一些 优秀 文章的文档,但仍然无法弄清楚我做错了什么。

4

2 回答 2

2

在我看来,您的dragenter处理程序中的警报调用存在问题。我已经更新了你的小提琴中的调试语句,console.log而不是alert在最新版本的 Chrome 中导致预期的行为。

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

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

于 2012-06-14T10:23:03.257 回答
0

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

JQueryUI:可拖动可放置

于 2012-06-14T04:06:03.913 回答