取消jquery可拖动对象或重置

取消jQuery可拖动对象或重置，可以通过以下方法实现：

使用draggable()方法：

$(selector).draggable("destroy");

使用off()方法移除事件处理程序：

$(selector).off("mousedown.draggable mouseup.draggable mousemove.draggable");

重置对象的样式：

$(selector) {
  position: static !important;
  left: auto !important;
  top: auto !important;
}

重置对象的属性：

$(selector).removeAttr("data-draggable");

其中，selector是指选择器，可以根据需要选择要取消可拖动的对象。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Easyui datagrid 实现表格记录拖拽

unity官方案例精讲（第三章）--星际航行游戏Space Shooter

导入的工程包中，包含着一个完整的 _scene---Main场景,创建一个全新场景，会在其中实现大部分功能

jQuery (二)

还可以使用三个值，第一值为事件，第二个值为Event对象的data属性，在调用最后一个处理函数的时候，会将第二个值作为对象的data属性,这样即可避免使用闭包操作

IT该忍者神龟Jquery小工具easyUI物业摘要召回

找了个时间看了下EasyUI插件。对它的插件感觉是非常舒服，特地把Easy UI的大部分功能属性做了一下汇总。

使用easydrag实现可拖动的DIV弹出框

最近在工作中遇到了jquery的easydrag插件，我有一种相见恨晚的赶脚！easydrag极大的方法我们实现div弹框这个功能，使我爱不释手！在没遇到easydrag插件之前，想实现一个弹出框并不是一件轻而易举的事情！人们常说没有不劳而获的事情，但在编码的世界中却不是这样。更多的开源框架方面了我们，也毒害了我们！

JS延时判断，改善中国博客联盟展示导航自动点击的灵敏度

说到 JS 延时点击，度娘给出的结果几乎都是 js 的延迟点击 Demo，即鼠标产生一个 mousehover 事件之后，延迟多少秒执行点击动作。本文主要分享一个带时间判断的 js 延时自动点击效果：当鼠标经过某页面元素，也就是产生一个 mousehover 事件时，触发 js 计时器，若经过指定时长后，鼠标还在这个元素上，将执行点击动作，否则计时器就清零，等待下一次的触发。好了，说了一堆很费解的描述，一起来看下实际案例吧！张戈研究这个 JS 特效的原因就是，博友 ijustplay 在我博客留言，说

基于jsplumb构建的流程设计器

弹出层之1：JQuery.Boxy (二)

在《弹出层之1：JQuery.Boxy (一)》中讲到了JQuery.Boxy的基本用法，本次讲下手动创建实例，new一个boxy对象是很容易的，传递一些参数对象就能满足不同的需求了。

jQuery 图像裁剪插件Jcrop

Jcrop简介 Jcrop 是一个功能强大的 jQuery 图像裁剪插件，结合后端程序（例如：PHP）可以快速的实现图片裁剪的功能。 Jcrop是一款免费的软件，采用MIT License发布。

draggable的用法_draggable

通过前面几节学习，大家应该都知道了，一个div对象是可以通过拖拉来改变大小，也可以通过拖动来改变其位置的。如何改变大小已经讲解过了，那么怎么实现拖动改变位置呢？现在就开始讲解如何实现拖动 — Draggable。

Unity 3D 开发《王者荣耀》：英雄攻击创建按钮源码：https://github.com/iOSDevLog/ArenaOfValor

attack.png 创建按钮 ---- 创建 3 个按钮（UI -> Button），锚点设置为右下角。设置文字为 Attack1，Attack2，Attack3。当点击按钮的时候英雄状态切换到相应攻击状态。给 player 添加一个攻击脚本 PlayerAttack.cs。 private Animator ani; // Use this for initialization void Start() { ani = GetComponent<A

组件分享之前端组件——文件上传小部件jQuery-File-Upload

近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。

Qt官方示例-拖放机器人

Graphics View提供了QGraphicsScene类，用于管理从QGraphicsItem类派生的大量定制2D图形项目，并与之交互；还提供了QGraphicsView小部件，用于可视化项目，并支持缩放和旋转。

JQuery Ztree 树插件配置与应用小结

https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js

HTML中DOM 对象事件

前置说明 HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。事件通常与函数结合使用，函数不会在事件发生前被执行！ (如用户点击按钮)。在 W3C 2 级 DOM 事件中规范了事件模型HTML DOM 事件指明使用的 DOM 属性级别。鼠标事件属性描述 DOM onclick 当用户点击某个对象时调用的事件句柄。 2 oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发 ondblclick 当用户双击某个对象时调用的事

17 Most popular Vue.js plugins

Vue 被一个健康的插件和包的生态系统所加强，使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架，所以有一个不断增长的插件和包库，你可以在项目中使用。

jQueryGantt—集变态与惊艳于一身

easyUI的常用API[通俗易懂]

大家好，我是架构君，一个会写代码吟诗的架构师。今天说一说easyUI的常用API[通俗易懂],希望能够帮助大家进步!!!

Android的webview研究

最近做的项目大量用到了 webview ，用网页来布局。 Android 的 webview 是基于 webkit 内核，不过他的运行效果和 firefox 上一模一样，所以写的时候都是先用 firefox 测试，测试 OK 了再放到程序里面看效果，基本上不会有什么问题。其实 android 的 webview 跟 iphone 的 webview 差不多， iphone 上的 webview 比 android 上的强大多了。

Layer弹出层的一个使用

首先先把你所需要弹出的弹出层的HTML写好，这个是必须的，在写好完HTML后就可以把这个模态框先隐藏起来，把display属性设置为none。

HTML5 - 拖放

拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在H5中，任何元素都支持拖放，但是需要注意的是，有些元素存有默认行为(如a元素)，应当取消该元素的默认行为。

html5鼠标拖动排序及resize实现方案分析及实践

对列表进行拖动排序，尺寸改变。之前一般会使用jQuery-UI。其通过mousedown、mousemove、mouseup这三个事件来实现页面元素被鼠标拖拽的效果。vue-drag-resize vuedraggable等包也大抵如此：https://codepen.io/lujun-zhou/pen/LYybXNx。

WPJAM「静态文件」：一键合并 WordPress 插件和主题的 JS 和 CSS 文件，加快页面加载速度

每个插件和主题可能有自己的 CSS 和 JavaScript 内联代码或者文件，如果 CSS 和 JavaScript 内联代码或者文件一多，就开始出现了两个比较难受的问题：

IDEA问题汇总

File -> Settings... -> Appearance & Behavior -> System Settings -> 不勾选Reopen projects on startup

Web前端事件

Android MediaPlayer音频播放器详解

音频播放，是比较常见或常用的功能，比如音乐播放器、新闻播报、听书等等，而恰巧如果你想自定义一个音频播放器的话，本文一定对你有帮助！

HMTL5新增Api

GoogleMaps_键盘网站

还要明白3D视图和俯视图、地平面视图的区别，因为在海拔为0时将进入地平面视图，上下的操作将变为拉近和推远。

JavaScript学习笔记（二）

JavaScript的事件机制：事件是JavaScript和DOM交互的桥梁，常见的click，load，mouseover都是事件的名字，事件发生时调用它的处理函数执行相应的JavaScript代码并给出响应。

jQuery学习笔记之概念（1）

04 . 前端之JQuery

JQuery简介 # 1. jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 # 2. jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便

求职 | 史上最全的web前端面试题汇总及答案

作者 | 樱桃小丸子儿链接 | http://www.jianshu.com/p/abadcc84e2a4 HTML&CSS img的alt和title的异同？ alt 是图片加载失败时，显示在网页上的替代文字； title 是鼠标放上面时显示的文字,title是对图片的描述与进一步说明; 这些都是表面上的区别，alt是img必要的属性，而title不是。对于网站seo优化来说，title与alt还有最重要的一点：搜索引擎对图片意思的判断，主要靠alt属性。所以在图片alt属性中以简要文字说明，同时包

drag事件详解：html5鼠标拖动排序及resize实现方案分析及实践

对列表进行拖动排序，尺寸改变。之前一般会使用jQuery-UI（interactjs更加纯粹）。其通过mousedown、mousemove、mouseup这三个事件来实现页面元素被鼠标拖拽的效果。vue-drag-resize vuedraggable等包也大抵如此：https://codepen.io/lujun-zhou/pen/LYybXNx。

可视化场景实现剖切盒功能，简单粗暴好用！

在气象中，常常见到剖面图。地形剖面主要研究地貌对降雨、气流的影响作用；纬度高度剖面图主要用来分析降雨的某些条件，如湿层深厚、上干下湿、风向风速等。而在数字孪生可视化场景中往往也需要用到剖切面功能，用以了解房屋内部构造和方便维护。

提高效率 |ArcGIS Pro 中所有快捷键一网打尽

这是 ArcGIS Pro 中可用的键盘快捷键的完整列表，并且在每个软件版本中都会更新。可以从 https://links.esri.com/arcgis-pro-shortcuts 下载 PDF 版本。

ai学习记录

界面: 多个预编辑区：制作图形，使用的图形放到工作区内，不使用在预编区。没有Ctrl/Alt+delete的概念，没有前后景颜色。新建：分辨率：矢量软件和分辨率无关；新建时候不要勾选对齐到像素网格存储：.ai：illustrator的默认格式。 .eps:支持矢量图形，ai可以打开；也可以被ps打开，打开之后图层是合并的。 PDF：可以跨平台（PC，苹果）跨软件打开。PDF输出（保存时）：可以选择输出范围。PS打开PDF的注意事项：打开时选择单页，然后打开页面选项选择剪裁到媒体框。 JPG导出：文件——导出勾选上使用画板打开：不要用Crtl+O 打开位图；否则会变为嵌入文件；置入：将图片拖拽到画布上松开；置入后图片上还有一个X；置入图片之后，必须记得将AI和其他链接文件一同移动，否则链接将会丢失。使用渐变工具：可以在填色目标上滑动改变渐变的角度和分布；高级应用：当吸取目标为位图时：选择吸管I，按住shift键，在位图上吸取。直接选择工具小白 A 作用：1选择移动锚点和路径 2.调节控制手柄，按住Alt键，可以控制单个手柄。锚点的分类 A角点:有路径线，手柄为隐藏的。 B 平滑点: 有路径线，手柄在同一直线上，手柄长短可以相等或者不等，路径线为平滑弧线。 C.贝塞尔点:有路径线，手柄不再同一直线上，手柄长度可以不相等，路径线为尖角的两段弧线组成。角点变换为平滑点（转换点工具），平滑点变贝塞尔点。（小白+Alt键）路径描边转换为内部填充： 1.选择绘制的路径描边。 2.对象——扩展路径查找器：Ctrl+shift+F9 1.分割： A.图形与图形：会将相交的区域独立出来；（分割后需解组） B.图形和描边：会沿描边切割图形。 2.修边将图形重叠部分减去，形成多个独立的新图形； 3.合并图像颜色相同合并，不同相减。 4.剪裁（剪贴蒙版 Ctrl+7 针对矢量和位图）下方的图形颜色显示在上方图形的范围内；只针对矢量图形； 5.轮廓将填充的图形转换为描边图形，并且在每个交点处断开路径。 6.减去后方对象：相减，保留上对象； Ctrl+N 新建 Ctrl+D 重复再制 Ctrl+Z 后退 D 默认描边和填充 Shift+X 调换填充和描边 Ctrl+G 编组选中要编组的对象 Shift+ctrl+G 取消编组 Shift+ctrl+B 显示/隐藏定界框 Ctrl+X 剪切 E 自由变换 Ctrl+Shift+V 原位置粘贴 Ctrl+B 贴在后面 Ctrl+F 贴在前面 Ctrl+2 锁定选中的对象 Ctrl+F9 渐变面板 F6 颜色面板 V 选择工具 A 小白箭头 M 矩形工具 L 椭圆工具多边形：在绘制的多边形上按Ctrl,单击“圆圈点”，拖动即可更改圆角多边形。（星形工具也可以）光晕工具：单击拖动确定光晕大小，“上下”调整光线数量，松开鼠标，在另一位置拖动确定光晕长度及数量，“上下”更改光晕的数量，松开鼠标绘制完成。区域文字:出现红色加号，表示文字溢出。转曲：就是将文字转变为图形； 1.防止源文件拷贝到其他的计算机时，字体丢失。 2. 制作艺术字。注意：转为曲线的文字不能修改字体；将发给客户的文件转曲；留给自己的不转曲。标准：可读性，易读性 1.要选好基准字体（横竖粗细相等，不带装饰的字体） 2.创建轮廓/转曲(Ctrl+shift+O) 3.字体设计时结合文字的意思进行图形化处理； 4.能简则简，能连则连；

又到公司年会时，给公司写的年会抽奖程序！

HTML代码： <html> <head> <meta charset="utf-8"> <title>公司年终抽奖专用程序</title> <link href="./css/style.css" type="text/css" rel="stylesheet" media="screen, projection"> <link href="./css/style1.css" type="text/css" rel="stylesheet" media="screen, projection"> <li

基于HTML5 Canvas和jQuery 的画图工具的实现

【版本升级】PerfDog新增多维度测试报告对比功能、iOS电量测试功能升级

伴随春日暖阳，疫情终将过去，PerfDog在新的一年为广大用户带来重磅更新：新增多维度测试报告对比功能，iOS电量测试功能全新升级。诚邀大家体验。版本更新内容测试报告对比功能【重磅发布】多维度对比：支持详情、机型、版本、比例、区间、趋势、拖拉缩放等 iOS电量测试功能升级【重磅发布】全新iOS电量功耗统计方式(目前最精准统计方式)，与Battery life结果一致。【优化】支持iOS所有手机。其他优化更新【新增】增加测试过程异常退出，数据重新加载功能【修复】解决Mac机器测试崩

cropper.js 实现HTML5 裁剪图片并上传(裁剪上传头像。)「建议收藏」

github上的官方cropper.js地址是 https://github.com/fengyuanchen/cropperjs

移动端touch拖动事件和click事件冲突问题解决

一个 TouchList 对象，是包含了如下触点的 Touch 对象：触摸起始于当前事件的目标 element 上，并且仍然没有离开触摸平面的触点。

JQuery基础概念知识

（本文年代久远，请谨慎阅读）JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离。jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。

不知道怎么封装代码？看看这几种设计模式吧！

我们经常听说：“写代码要有良好的封装，要高内聚，低耦合”。那怎样才算良好的封装，我们为什么要封装呢？其实封装有这样几个好处：

【版本升级】PerfDog新增多维度测试报告对比功能、iOS电量测试功能升级

JavaScript中如何取消ajax请求

jQuery为我们封装了ajax请求接口，在jQuery中，取消ajax请求也是通过调用.abort()方法，只不过操作的对象不再是原生XHR对象

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

取消jquery可拖动对象或重置

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐