如何使 HTML5 拖放工作像 jQuery UI 可拖动一样？答案

【问题标题】：How to make HTML5 drag and drop work like jQuery UI draggable?如何使 HTML5 拖放工作像 jQuery UI 可拖动一样？
【发布时间】：2013-04-29 21:16:34
【问题描述】：

HTML5 拖放有两个主要的交易破坏者。首先是我只想看到鬼元素。第二个是我希望在拖动元素时拥有普通光标。

<div draggable="true">DRAG TEST</div>

fiddle (webkit only)

【问题讨论】：

我相信光标是这样设置的，因为您有一个专用的放置点设置。话虽如此，请尝试让整个页面也可放置。根据预期的效果可能是一个简单的解决方法。
好吧，这使光标部分起作用。它仍然不是正常的光标，它似乎只在随机区域工作（主体是灰色区域）。 jsfiddle.net/3erdT/22
您可以尝试为要移动的正方形设置 css 光标属性以覆盖它。虽然这可能行不通，但值得一试。

标签： javascript html

【解决方案1】：

拖动时可以设置光标样式，

       $(".class").draggable({
        revert: true,
        revertDuration: 1000,
        cursor: "move"
    });

        cursor: "move",  cursor: "auto", cursor: "none"

【讨论】：