Jquery 为什么我的div元素不能拖动?

Jquery 为什么我的div元素不能拖动?,jquery,draggable,Jquery,Draggable,不言而喻,我应该能够移动这个元素,因为它是可拖动的,但我不能移动它,我做错了什么 由于代码相当简单,我似乎无法识别任何错误 $“dragThis”。可拖动 { 拖动:函数{ var offset=$this.offset; var xPos=offset.left; var yPos=offset.top; $'posX'.text'x:'+xPos; $'posY'。文本'y:'+yPos; } }; 德拉提斯{ 位置:相对位置; 溢出:可见; 边框:1px黑色虚线; 边界半径:50%; 宽

不言而喻,我应该能够移动这个元素,因为它是可拖动的,但我不能移动它,我做错了什么

由于代码相当简单,我似乎无法识别任何错误

$“dragThis”。可拖动 { 拖动:函数{ var offset=$this.offset; var xPos=offset.left; var yPos=offset.top; $'posX'.text'x:'+xPos; $'posY'。文本'y:'+yPos; } }; 德拉提斯{ 位置:相对位置; 溢出:可见; 边框:1px黑色虚线; 边界半径:50%; 宽度:150px; 高度:150像素; 背景重复:无重复; 背景位置:中心; 背景图片:url'https://image.flaticon.com/icons/png/128/148/148836.png'; } 您缺少必要的依赖项

您还必须从jQueryUI添加jquery-ui.css和jquery-ui.js文件。在jQueryUI站点上检查此项

工作守则

$“dragThis”。可拖动 { 拖动:函数{ var offset=$this.offset; var xPos=offset.left; var yPos=offset.top; $'posX'.text'x:'+xPos; $'posY'。文本'y:'+yPos; } }; 德拉提斯{ 位置:相对位置; 溢出:可见; 边框:1px黑色虚线; 边界半径:50%; 宽度:150px; 高度:150像素; 背景重复:无重复; 背景位置:中心; 背景图片:url'https://image.flaticon.com/icons/png/128/148/148836.png'; }
记住导入jQueryUI。

.draggable是jQueryUI的一部分

在firebug或类似软件中检查代码时,错误
TypeError:Dragable不是一个函数。检查您的调试:

Dragable是jqueryui的一部分。你也需要包括jqueryui