如何让 Nestable 组件不能拖动

最新推荐文章于 2025-04-14 16:11:36 发布
原创 最新推荐文章于 2025-04-14 16:11:36 发布 · 7.6k 阅读 · 5 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#ace #javascript #jquery
本文介绍如何通过注释代码来禁用Nestable组件的拖动功能，具体步骤是在相关JS文件中注释关键代码行。

想让 Nestable 组件不能拖动，百度一把没找到直接的方法，直接在源码搜索，

jquery.nestable.js

在  var onStartEvent = function(e)  里面有 一句

list.dragStart('touches' in e ? e.touches[0] : e);//ACE

将 这句注释掉就可以了。


Nestable 可移动拖拽的树型结构的使用(jQuery)
08-07
NULL 博文链接：https://justcoding.iteye.com/blog/2107210
netable 禁用拖动
weixin_34342992的博客
04-02 285
nestable在点击的时候，有一个拖动的状态被触发，会导致你给nestable上加的链接都会无效。 只要在最外层的li里加入一个class为:dd-nodrag，就不会被触发了。然后你在子菜单中就可以为它们加入工具菜单了，比如编辑 、删除等。 又或者，你加入dd-handle，这样的话，只能点击最左侧的handle部位才能被拖动参考 ：http://dbushell.github.io/Nest...
bootstrap Nestable lists 实现不拖拽
My_Pass_Word的博客
03-21 950
找到一个便捷的方法实现不拖拽 div上直接加dd2-content 就行了 下面是我按思路修改源代码的过程，不想看的可以直接略过了 拖拽效果是引入这个js才生效的 jquery.nestable.js ，至于是否提供了方法实现不拖拽效果，我百度查了一下没找到，所以直接修改源代码。 既然是点击这个div出现的拖拽效果，所以应该是这个事件 选中这个div 查看这个d...
jQuery之Nestable
ajwqb06628的专栏
08-29 500
jQuery之Nestable 　　空间属性置顶： 属性 说明 change 事件，当控件改变时触发 nestable 方法，获取顺序JSON数据，形式如下： [{"id":1},{"id":2},{"id":3,"chil...
jquery-nestable踩坑记录
weixin_42538504的博客
03-18 398
jquery的nestable组件change事件bug??? init: function() { var o = this; o.reset(); o.el.data("nestable-group", this.options.group); o.placeEl = e('<div class="' + o.options.placeClass + '"/&gt...
Nestable 可移动的树型结构的使用(jQuery)
sandy_kisa的专栏
10-30 7721
利用jQuery可以制作出很好的树型结构。这里介绍一款最近才找到使用的Nestable 可以拖动。  网页中的效果 http://dbushell.github.com/Nestable/ 具体详细介绍的地址下载https://github.com/dbushell/Nestable 应用事例是多级分类和导航栏的使用，改变父节点和子节点位置。使用环境(PHP + Smarty + jQ
Vue-Nestable 项目教程
gitblog_01073的博客
09-03 363
Vue-Nestable 项目教程 1. 项目的目录结构及介绍 Vue-Nestable 项目的目录结构如下： vue-nestable/ ├── src/ │ ├── components/ │ │ ├── VueNestable.vue │ │ ├── VueNestableHandle.vue │ ├── index.js ├── package.json ├── R...
Vue Nestable 使用教程
gitblog_00417的博客
09-04 991
Vue Nestable 使用教程 项目介绍 Vue Nestable 是一个基于 Vue.js 的开源项目，旨在提供一个可嵌套的拖放列表组件。它允许用户通过简单的拖放操作来重新排列列表项，并且支持无限嵌套，非常适合用于创建可排序的树状结构或列表。 项目快速启动 安装 首先，你需要通过 npm 或 yarn 安装 Vue Nestable： npm install vue-nestable 或者...
Vue Nestable 项目常见问题解决方案
gitblog_00454的博客
12-19 798
Vue Nestable 项目常见问题解决方案 项目基础介绍 Vue Nestable 是一个简单的拖放分层列表组件，专为 Vue 2 开发。该项目的主要目标是提供一个易于使用的拖放列表组件，允许用户通过拖放操作重新排序和嵌套列表项。Vue Nestable 的主要编程语言是 JavaScript，使用了 Vue.js 框架。 新手使用注意事项及解决方案 1. 项目依赖安装问题 问题描述： 新手在...
React-Nestable 使用教程
最新发布
gitblog_00781的博客
04-14 524
React-Nestable 使用教程 1. 项目介绍 React-Nestable 是一个基于 React 的拖放 hierarchical list 组件。它可以用来创建可折叠的层级列表，支持拖放排序，允许用户通过拖动操作来重新排序列表项，并且可以嵌套子列表。 2. 项目快速启动 首先，确保你已经安装了 Node.js 和 npm。然后按照以下步骤启动项目： # 克隆项目到本地 git clo...
jquery-nestable控件使用
闲笔杂叙
08-26 9866
js //引入js和css 当然jquery是必备的 jquery.nestable.js jquery.nestable.css //有时候不需要拖动，在jquery.nestable.js文件中找到这一句js（大概107行） list.dragStart(e.touches ? e.touches[0] : e) var updateOutput = function (e) {
Nestable - 简单易用的拖放层级列表库
gitblog_00002的博客
03-17 625
Nestable - 简单易用的拖放层级列表库 是一个用于创建可拖放层级列表（例如文件夹结构）的 JavaScript 库。它具有简洁、轻量级和易于集成的特点，非常适合在 Web 应用程序中实现动态组织和管理数据。 功能和用途 Nestable 主要提供了以下功能： 可拖放的列表项：允许用户通过简单的拖放操作重新排列和组织列表项。 层级结构：支持嵌套的列表项，可以构建复杂的文件夹或树状结构。 非...
Bootstrap框架使用拖拽插件Nestable
热门推荐
grey256的博客
03-23 1万+
最近写个项目，前端页面需要使用拖拽功能，秉着不要重复造轮子的心态，在网上找到一个靠谱的插件Nestable，很好用。但在使用中依然发现了部分问题。最直观的一个就是当将一个dd-list中的所有dd-item元素都拖拽到其他地方时（此时该dd-list为空），此时如果想要再将某dd-item拖拽回该dd-list，就无法进行了。 硬着头皮去看了下Nestable的代码，还真找到了解决办法，希望对需要
禁止拖拽时选中文本的方法
(づ｡◕‿‿◕｡)づ
06-22 4631
▶ JS方法：if (typeof(element.onselectstart) != "undefined") { // IE下禁止元素被选取 element.onselectstart = new Function("return false"); } else { // firefox下禁止元素被选取的变通办法
推荐一款神奇的React组件：react-nestable，构建可嵌套列表的利器！
gitblog_00079的博客
05-31 437
推荐一款神奇的React组件：react-nestable，构建可嵌套列表的利器！ 项目介绍 在Web开发中，组织和展示复杂数据结构是一项挑战，特别是当涉及到多层次的数据时。react-nestable 是一个优秀的开源库，它为React开发者提供了一个简洁且功能强大的解决方案，用于创建可拖动、可折叠的嵌套列表。这个库让你能够轻松地构建出直观易用的树形视图，为用户提供了流畅的交互体验。 项目技术分...
Rails Admin Nestable 项目教程
gitblog_01048的博客
09-08 1121
Rails Admin Nestable 项目教程 1. 项目的目录结构及介绍 Rails Admin Nestable 项目的目录结构如下： rails_admin_nestable/ ├── app/ │ ├── controllers/ │ ├── helpers/ │ ├── models/ │ └── views/ ├── config/ │ ├── initiali...
jquery.nestable实现拖动排序
wltsysterm的博客
09-03 1616
jquery.nestable是目前经常用的拖动排序插件。很多论文或者博客，都说用到了ace.min.css，但是好像这个下载的有点困难，于是笔者自己精简出这部分代码，形成了行内样式，同时提供了静态实例。 具体的demo下载地址：jquery.nestable实现的拖动排序实例 单独附上ace.min.css代码： /*ace.min.css精华缩略代码*/ .dd{pos...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ying1979

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值