如何使用jQuery Draggable和Droppable实现拖拽功能
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何使用jQuery Draggable和Droppable实现拖拽功能相关的知识，希望对你有一定的参考价值。
参考技术A 给你提供一个拖拽的方法 function drag(id) var oDiv = $(id), disX = 0, disY = 0, _this = this; oDiv.mousedown(function(e) fnDown(e); ); function fnDown(e) var _this = this; disX = e.pageX - oDiv.offset().left; disY = e.pageY - oDiv.offset().top; $(document).mousemove(function (e) fnMove(e); ); $(document).mouseup(function () fnUp(); ); return false; function fnMove(e) var l = e.pageX - disX; var t = e.pageY - disY; if(l<0) l=0; else if(l>$(document).width()-oDiv.width()) l=$(document).width()-oDiv.width(); if(t<0) t=0; oDiv.css( 'position': 'absolute', 'left': l, 'top': t ); function fnUp() $(document).unbind('mousemove'); $(document).unbind('mouseup');以上是关于如何使用jQuery Draggable和Droppable实现拖拽功能的主要内容，如果未能解决你的问题，请参考以下文章
draggable jquery get start parent（）元素
jQuery draggable : 只能在一个 droppable 上拖动