取消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是指选择器，可以根据需要选择要取消可拖动的对象。

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

有帮助

没帮助

相关·内容

jquery 列表可拖动排序 sortable

1999/xhtml"> jQuery.../scripts/jquery.js"> ... ("#myList").sortable({delay:1}); //直接让myList下的元素可以拖动排序

2.4K0 0

jQuery实现可拖动控制进度条

meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> jQuery...可拖动控制进度条 .demo { width: 350px;..." /> <script...* * @author Nitin Hayaran * @version 0.1-RELEASE * * Dependencies * ------------ * jQuery (http...://jquery.com) * **/ ; (function($, window, document, undefined) { 'use strict'; var jRange

5K2 0

jquery 列表可拖动排序，并把排序发送给后台

列表可拖动排序，并把排序发送给后台 ? image.png jQuery.../scripts/jquery.js">

1.4K0 0

js或jquery实现页面打印可局部打印

1、js实现（可实现局部打印）代码如下: js打印一按开始的减肥了卡时间段 3、jQuery...实现（支持局部打印）代码如下: <script

8K2 0

jQuery ui中sortable draggable droppable的使用

handle:'.sort-at', // 在对象内指定的元素上开始拖动，而不是整个元素都可以拖动 distance: 10, opacity: 0.8, containment...cursor: 'move', // containment: '.sub-box', // 可以限制draggable只能在指定的元素或区域的边界以内进行拖动。...revert: 'invalid', // 如果设置为true，当拖动停止时，元素位置将被重置。...distance: 10, opacity: 0.8, zIndex: 10000, refreshPositions: true, // 所有的可拖动位置在每次鼠标移动时都会被计算.../sortable/ https://www.html.cn/jquery-ui-api/draggable/ https://www.html.cn/jquery-ui-api/droppable

2.2K1 0

FullCalendar 日历插件中文说明文档

eventMouseovereventMouseout 鼠标划过和离开的事件，用法和参数同上选择操作属性描述默认值 selectable 是否允许用户通过单击或拖动选择日历中的对象，包括天和时间...false selectHelper 当点击或拖动选择时间时，显示默认加载的提示信息，该属性只在周/天视图里可用。...日程事件拖动和缩放拖动和缩放功能依赖于jQuery ui的draggable和resizable，所以在使用时要提前加载jQuery ui相关插件。...属性描述默认值 editable 是否可编辑，即进行可拖动和缩放操作。 false eventStartEditable 是否让事件在开始时就可以拖动。...这里的拖动不一定是一个有效的拖动，只要日程事件的控件被拖着动了，事件就触发。可以从该对象中获取位移，位置等数据。

31.9K9 0

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

在《弹出层之1：JQuery.Boxy (一)》中讲到了JQuery.Boxy的基本用法，本次讲下手动创建实例，new一个boxy对象是很容易的，传递一些参数对象就能满足不同的需求了。...相当于缓存选项传递到jQuery的Ajax方法。默认：false。 •过滤 - jQuery的表达式，用于过滤远程内容。...答案是一个数组或一切可能的回答的数列。回调函数将收到选定的回答，这是否是需要的值或相应的密钥要根据一个数组或答案数列是否已经提供了。options是一种额外的可选设置选项传递给对话框的构造函数。...Boxy.confirm(message, callback, options) 显示模式，非可关闭对话框显示的含有确定和取消按钮的消息。回调只会在用户选择了“确定”时被调用。...getInner() 返回一个jQuery对象包装对话框的内部区域-框架内包括标题栏一切。 getContent() 返回一个jQuery对象包装对话框的内容区域-框架内的一切，不包括标题栏。

4K2 0

jQuery日历价格、库存设置Web组件2，前后台适用，可自定义字段及颜色风格

/build/calendar-price-jquery.min.js"> // 以下mockData是模拟JSON数据，一般情况是从后端(服务器端)获取 // 对象中...可设置数据的开始日期，该日期以前的月份将不能设置或操作，支持某月2017-06或某天。开始日期开始日期未配置或小于当前系统时间，则开始日期取今日。...日历中可设置数据的结束日期，该日期以后的月份将不能显示或操作，同startDate，支持某月(默认去该月最后一天)或某天。若未配置此项，系统默认为1年后的今日，即日期范围为1年。...cancel: function (可选)，点击取消按钮的回调函数。 error: function (可选)，配置或操作中的错误、提示信息等回调函数。...hideFooterButton: false (可选)，隐藏底部按钮（重置、确定、取消）。前台使用该插件时，则需要隐藏底部按钮，只做日历/价格显示。

2.2K3 0

jQuery日历价格、库存设置Web组件2，前后台适用，可自定义字段及颜色风格

2.9K5 0

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

自己定义可覆盖它。 4)invalidMessage：当文本内容无效后弹出该工具提示，系统有默认[英文]。自己定义可覆盖它。...2)animate:当展开或折叠节点时是否定义动画效果。...7、 .draggable 生成一个可自由拖动的块。...事件例如以下： 1)onStartDrag:当目标对象開始拖动时激活。 2)onDrag:在拖动期间激活。...返回false将不会实际拖动它(的位置)。 3)onStopDrag:当目标对象停止拖动时激活。

2.2K2 0

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

拖动,Drop support: 允许从你的桌面或文件管理器拖拽文件，并将它们放到你的浏览器窗口。上传进度条: 显示一个进度条，显示单个文件的上传进度，也显示所有文件的上传进度。...可取消上传: 可取消单个文件的上传，以停止上传进度。断点续传: 中断的断点续传可以在支持Blob API的浏览器中恢复。...跨站点文件上传: 支持跨站点xmlhttprequest或iframe重定向上传文件到不同的域。多个插件实例: 允许在同一个网页上使用多个插件实例。...可定制和可扩展: 提供一个API来设置个人选项和定义各种上传事件的回调方法。...多部分和文件内容流上传: 文件可以按照标准的“多部分/表单数据”或文件内容流(HTTP PUT文件上传)上传。

3.2K2 0

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

，命名为Bolt，重置其Transform组件，为了防止Player遮挡Bolt,可暂时将player隐藏，然后为Bolt添加一个Rigidbody组件，并取消勾选Use Gravity。...（2）创建一个Quad,命名为VFX,将其设为Bolt的子对象，重置Transform组件，Rotation的属性值（90,0,0），移除Mesh collider组件 ?...，重置其Transform组件，设置position（0,0,10），添加Rigidbody组件，取消Use Gravity选项，将Angular Drag 设置为0;添加capsule collider...，重命名为GameController,重置其Transform组件，设置Tag为GameController （3）创建GameController.cs脚本，并且拖动到GameController上...确保Play On Awake选项勾选 2、添加飞船射击音效（1）将音频文件拖动到player上，取消勾选Play On Awake选项，不然一开始就会响（2）在PlayerController脚本中添加以下代码

3.2K3 0

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

最近在工作中遇到了jquery的easydrag插件，我有一种相见恨晚的赶脚！easydrag极大的方法我们实现div弹框这个功能，使我爱不释手！...DOCTYPE HTML> easydrag实现可拖动的DIV弹出框 /* 重置浏览器默认样式 */ body,h1...-- 使用百度的jquery在线cdn --> 关闭点击标题位置进行拖动

2.3K6 0

Easyui datagrid 实现表格记录拖拽

测试环境 jquery-easyui-1.5.3 jquery-easyui-datagrid-dnd 下载地址： http://www.jeasyui.net/demo/193.html 实现编辑...datagrid-dnd.js，注释头尾两行代码，如下 //(function($){ //})(jQuery); 关键代码引入js文件 <script type="text/javascript"...参数描述 onBeforeDrag row 当一行的拖拽开始前触发，返回 false 则取消拖拽...point：指示放置的位置，可能的值：'top' 或 'bottom'。 <!...= undefined) { // 处于正在编辑状态,取消拖拽 return false; } } // 停止拖拽，释放鼠标，提交目标行，被拖拽行，拖拽方向灯相关数据到服务器

1.4K2 0

jQuery (二)

('mouse.myMod mouseout.myMod'); // 取消绑定在myMod命名空间下的所有事件处理程序 $('a').unbind('.myMod'); // 取消同时绑定在ns1和ns2...{ // data将会是解析后的对象{x:1, y:2} }) jQuery.get jQuery.post jQuery.get('....jQuery.fn是所有jQuery对象的原型对象。如果给该对象添加一个函数，则该函数会成为一个jQuery的方法。...{ return e.draggable === true; } 使用 $('img:draggable'); 等价于 $('img[draggable=true]') 上方封装的一个选择器为可拖动的元素...当draggable为true的时候，可以对元素进行拖动，这是h5的内容一些注意事项不要依赖$ 插件要返回this 插件有两个或者两个以上的选项，使用对象直接传入不能污染命名空间，请在jquery

9.3K3 0

easyUI的常用API

有谁来对上联或下联? EasyUI中大部分的控件都可以通过 Html / JS调出! 使用步骤此代码由Java架构师必看网-架构君整理 1....引入必要的JS与CSS文件 //引入 jQuery 核心库，这里采用的是 2.0 <script type="text/javascript" src="easyui/<em>jquery</em>.min.js...编写组件指定class属性即可面板-- panel 基础面板 class属性设置为: easyui-panel title属性描述的是面板的标题 <em>Jquery</em><em>对象</em>的api....: <em>可</em><em>拖动</em>的窗体可变大小Resizable class属性值:easyui-resizable data-options...width : 窗口宽度, <em>可</em>忽略px , 默认为px 3. height: 窗口高度. <em>可</em>忽略px , ...

2.5K3 0

17 Most popular Vue.js plugins

Vuex Persisted State Vuex 状态机制，一刷新就会重置，解决问题的方式一般都是存储起来(session/local Storage)，vuex-persistedstate 插件帮我们集成了这些功能...支持移动设备、拖拽和选择文本、智能滚动，可以在不同列表间拖拽、不依赖 jQuery 为基础、vue2 过渡动画兼容、支持撤销操作，总之是一款非常优秀的 vue 拖拽组件。...主要特征：支持触控设备支持拖动手柄和可选文本智能自动滚动支持不同列表之间的拖放没有 jQuery 依赖保持同步 HTML 和查看模型列表兼容 Vue.js 2.0 转换组 Vee-Validate...主要特征：常用交互功能：移动端缩放、拖动、平移、拖动标记、捏拉缩放自定义切片图层手机硬件加速标记，弹出窗口图像叠加 TroisJS 地址：https://troisjs.github.io...它还通过自动处置几何体、材料、纹理、渲染器等来简化对象的处置，这在原始库中是不存在的。

6K3 0

基于jsplumb构建的流程设计器

jsplumb依赖的库 jquery-ui.js jsplumb依赖的库，进行拖拽绑定 contextMenu.js 实现右击菜单 mustache.js 模板引擎渲染活动，避免字符串拼接实现思路...活动添加通过mustache的render方法渲染添加到html后，需要调用draggable方法让活动能够进行自由拖动，其中grid参数作用是固定每次拖拽移动最小距离，便于不同节点经过移动后对齐...ui.position.top); } }); 变迁添加 jsplumb节点可以添加相关锚点，连接不同锚点会自动绘制连线，在实际操作时连线要求锚点对准操作精度较高不便捷，所以我们通过设置节点整体对象为连接对象...，可实现鼠标放置在活动div范围内进行拖拽连线，需要注意makeSource和makeTarget需要同时执行，节点才能作为起点与终点 function registAutoConnect(id) {...大家可以仔细阅读，项目中包含了详细的注释连接添加控制，例如开始节点不能为连接终点，结束节点不能为起点导入默认配置控制连线样式各种操作模式指针变换及交互模式流程图整体移动活动/变迁的选中效果及点击空白处取消

4682 0

HTML中DOM 对象事件

onfocus 元素获取焦点时触发 2 onfocusin 元素即将获取焦点时触发 2 onfocusout 元素即将失去焦点时触发 2 oninput 元素获取用户输入时触发 3 onreset 表单重置时触发...事件描述 DOM ondrag 该事件在元素正在拖动时触发 ondragend 该事件在用户完成元素的拖动时触发 ondragenter 该事件在拖动的元素进入放置目标时触发 ondragleave...该事件在拖动元素离开放置目标时触发 ondragover 该事件在拖动元素在放置目标上时触发 ondragstart 该事件在用户开始拖动元素时触发 ondrop 该事件在拖动元素放置在目标区域时触发...其他事件事件描述 DOM onmessage 该事件通过或者从对象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息时触发 onmousewheel...2 cancelable 返回布尔值，指示事件是否可拥可取消的默认动作。 2 currentTarget 返回其事件监听器触发该事件的元素。 2 eventPhase 返回事件传播的当前阶段。

1.4K2 0

jQuery 图像裁剪插件Jcrop

注：本文主要围绕 Jcrop v2.0.0-RC1 版本进行介绍，一些参数或API在 Jcrop v0.9.12 及之前版本中可能并不支持。...： [图片] API 下表为Jcrop对象的主要API：名称说明 init 初始化Jcrop对象 destroy 销毁Jcrop对象 applySizeConstraints 应用大小限制条件 initComponent...removeFilter 移除过滤器 blur 不聚焦选中框 focus 聚焦选中框 initEvents 初始化事件 maxSelect 设置选中框的最大宽度和高度 refresh 刷新所有框 blurAll 所有框都取消聚焦.../js/jquery.min.js"> <script src="..... ge = 'getElementById'; // cropmove事件是指<em>拖动</em>、拖拽框的动作 // 本函数的作用是每次对于框的变化，都记录其坐标变化，并记录下来 $('#interface

1.8K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

取消jquery可拖动对象或重置

相关·内容

jquery 列表可拖动排序 sortable

jQuery实现可拖动控制进度条

jquery 列表可拖动排序，并把排序发送给后台

js或jquery实现页面打印可局部打印

jQuery ui中sortable draggable droppable的使用

FullCalendar 日历插件中文说明文档

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

jQuery日历价格、库存设置Web组件2，前后台适用，可自定义字段及颜色风格

jQuery日历价格、库存设置Web组件2，前后台适用，可自定义字段及颜色风格

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

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

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

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

Easyui datagrid 实现表格记录拖拽

jQuery (二)

easyUI的常用API

17 Most popular Vue.js plugins

基于jsplumb构建的流程设计器

HTML中DOM 对象事件

jQuery 图像裁剪插件Jcrop

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐