没有JQuery UI拖放

Question

我经常搜索一下jQuery的拖放教程(没有UI),但由于JQuery UI的普及,所有的拖放功能都基于JQuery UI.

任何人都可以给我一个提示如何通过JQuery独立进行基本的拖放操作？

Answer 1

您可以使用几个插件来查看以下内容

http://wayfarerweb.com/jquery/plugins/animadrag/

http://threedubmedia.com/code/event/drag/demo/

它仍然是jquery但没有UI

Answer 2

我认为一个好的起点可能是制定流程,然后决定每个用户操作需要使用哪些jQuery工具.

所以用户进程可能是:

• 在"可拖动"区域单击您的内容div
• 拖动内容,这将使内容保持在div内
• 释放鼠标,将内容放入"可放置"容器中,这将调整先前内容的大小以适合可放置的大小

需要以下类型的事件侦听器:

• 鼠标松开
• 鼠标按下
• 活跃

至少.另一个选择可能是检查jQuery UI源,看看他们是如何做到的!这将告诉你究竟该做什么,但你可以添加到它或必要时修剪.