Jquery等使用鼠标移动内容块?

时间:2012-10-16 19:33:58

标签: php javascript jquery jquery-ui web

基本上我在页面上有文本块,基本上只有大约10个相同大小的文本框使用CSS。我希望能够订购这些 - 然后拖放一个。我可以自己编写后端编码代码 - 任何人都可以建议去哪里进行前端拖放操作吗?我知道jquery可能是我最好的选择,但我从来没有使用过javascript,所以如果已经为此创建了任何类型的代码那么这将是非常有用的。

谢谢!

2 个答案:

答案 0 :(得分:0)

你是说这个意思吗? http://jqueryui.com/draggable/

答案 1 :(得分:0)

这是jQueryUI的draggable和droppable:

http://jqueryui.com/draggable/

http://jqueryui.com/droppable/

他们有点可爱,但可能不会做你想要的。

以下是关于如何实现拖放HTML5方式的非常直接的解释:

http://www.w3schools.com/html/html5_draganddrop.asp

(它主要是说服我实现自己而不是等待更好的HTML5拖放支持。)

以下是旧版浏览器的示例:

http://luke.breuer.com/tutorial/javascript-drag-and-drop-tutorial.aspx

还有draggable.js(和它的jQuery端口),我都不推荐。

这些例子实际上并没有包含任何有用的东西。例如。如果您想要定位对象的PARTS或BETWEEN对象的空格怎么办?如何根据页面中的内容制作目标动态。这一切都变得非常难看。

抱歉没有更简单的答案。