netable 禁用拖动

最新推荐文章于 2024-08-29 08:36:15 发布
最新推荐文章于 2024-08-29 08:36:15 发布
阅读量260 收藏
点赞数

nestable在点击的时候，有一个拖动的状态被触发，会导致你给nestable上加的链接都会无效。

只要在最外层的li里加入一个class为:dd-nodrag，就不会被触发了。然后你在子菜单中就可以为它们加入工具菜单了，比如编辑 、删除等。

又或者，你加入dd-handle，这样的话，只能点击最左侧的handle部位才能被拖动
参考 ：http://dbushell.github.io/Nestable/ 最下面

Bootstrap框架使用拖拽插件Nestable
grey256的博客
03-23 1万+
最近写个项目，前端页面需要使用拖拽功能，秉着不要重复造轮子的心态，在网上找到一个靠谱的插件Nestable，很好用。但在使用中依然发现了部分问题。最直观的一个就是当将一个dd-list中的所有dd-item元素都拖拽到其他地方时（此时该dd-list为空），此时如果想要再将某dd-item拖拽回该dd-list，就无法进行了。 硬着头皮去看了下Nestable的代码，还真找到了解决办法，希望对需要
Unity3d 周分享（22期 2019.8.30 ）
游戏路上的小学生
09-29 7542
选自过去1~2周 自己所看到外文内容：https://twitter.com/unity3d 和各种其他博客来源吧 早就有了，抱歉才发！ 1、 Unity Transform 性能优化摘要 https://qiita.com/sator_imaging/items/ff5811885f515a0a4998 由于我有机会在逐帧的基础上处理大量的Transform ，我想总结一下...
如何让 Nestable 组件不能拖动
ying1979的专栏
10-07 7599
想让 Nestable 组件不能拖动，百度一把没找到直接的方法，直接在源码搜索， jquery.nestable.js 在  var onStartEvent = function(e)  里面有 一句 list.dragStart('touches' in e ? e.touches[0] : e);//ACE 将 这句注释掉就可以了。
bootstrap Nestable lists 实现不拖拽
My_Pass_Word的博客
03-21 904
找到一个便捷的方法实现不拖拽 div上直接加dd2-content 就行了 下面是我按思路修改源代码的过程，不想看的可以直接略过了 拖拽效果是引入这个js才生效的 jquery.nestable.js ，至于是否提供了方法实现不拖拽效果，我百度查了一下没找到，所以直接修改源代码。 既然是点击这个div出现的拖拽效果，所以应该是这个事件 选中这个div 查看这个d...
jQuery之Nestable
ajwqb06628的专栏
08-29 462
jQuery之Nestable 　　空间属性置顶： 属性 说明 change 事件，当控件改变时触发 nestable 方法，获取顺序JSON数据，形式如下： [{"id":1},{"id":2},{"id":3,"chil...
jquery-nestable控件使用
闲笔杂叙
08-26 9801
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) {
HIGH-SPEED CHARTING CONTROL--MFC绘制图表（折线图、饼图、柱形图）控件
chuluo3352的博客
05-09 1562
原文地址：https://www.codeproject.com/articles/14075/high-speed-charting-control 本文翻译在CodeProject上的介绍（主要还是谷歌翻译，看不太明白的地方，请对比原文，敬请原谅），方便自己和后面人的学习（花费了两天时间...
智能恒温水壶系统设计_如何安装和设置Ecobee智能恒温器
culiuman3228的博客
09-09 2880
智能恒温水壶系统设计A smart thermostat is a great accessory to have in your house, not only to be able to adjust your home’s temperature from your phone, but to also save money on your utility costs. Here’s how...
UE4高级功能--初探超大无缝地图的实现LevelStream
热门推荐
难得千觞饮
04-06 3万+
总结一下吧，其实本篇文章的起因是对于GDC_Demo中三个地图嵌套关系的疑惑，然后我去群里问了一下，得到了LevelStream的信息，于是就去官网的文档上搜索了关了LevelStream的知识，结果发现了官方文档专门有介绍这部分的内容，即如何动态创建无缝超大地图的知识，然后就....有了这篇文章的主题部分，然后当翻译完了这部分内容后，发现这并不是最初疑惑的解决方案，但是似乎要比翻译的内容简单一些。最后呢，就有了这里的总结了。
深入了解IMGUI和编辑器自定义
culiao6493的博客
09-11 3354
新的Unity UI系统现已推出一年多了。 所以我想写一篇关于旧UI系统IMGUI的博客文章。 (The new Unity UI system has now been out for over a year. So I thought I’d do a blog post about the old UI system, IMGUI.) Strange timing, you might t...
Nestable 可移动拖拽的树型结构的使用(jQuery)
08-07
NULL 博文链接：https://justcoding.iteye.com/blog/2107210
Nestable - 简单易用的拖放层级列表库
gitblog_00002的博客
03-17 554
Nestable - 简单易用的拖放层级列表库 是一个用于创建可拖放层级列表（例如文件夹结构）的 JavaScript 库。它具有简洁、轻量级和易于集成的特点，非常适合在 Web 应用程序中实现动态组织和管理数据。 功能和用途 Nestable 主要提供了以下功能： 可拖放的列表项：允许用户通过简单的拖放操作重新排列和组织列表项。 层级结构：支持嵌套的列表项，可以构建复杂的文件夹或树状结构。 非...
探索Netable：简化iOS和macOS应用的API交互新方案
gitblog_00460的博客
08-29 781
探索Netable：简化iOS和macOS应用的API交互新方案 在当今的应用开发领域，高效且灵活地管理API调用已经成为了一个核心议题。Netable，这款基于Swift构建的开源网络库，正应运而生，为开发者们提供了一套简便的解决方案，旨在通过Swift的强编码能力，使得即使是复杂的API调用也能变得简单易行。让我们一起深入挖掘Netable的魅力。 项目介绍 Netable是一个设计精巧的网络...
在禁止了页面的触摸拖动事件之后如何允许某div可以拖动
Inuyasha1121的专栏
05-12 5562
在需要滚动拖拽的div上停止冒泡即可解决OAQ div.ontouchmove=function(e){ e.stopPropagation(); //停止冒泡 }; 在需要滚动拖拽的div上停止冒泡即可解决OAQ div.ontouchmove=function(e){ e.stopPropagation(); //停止冒泡 };
框架集布局禁止拖动
风泊月
11-28 979
<frameset rows="20%,*" noresize="noresize"> <frame src="http://www.baidu.com"> <frameset cols="20%,*"> <frame src="left.html">
Nestable 可移动的树型结构的使用(jQuery)
sandy_kisa的专栏
10-30 7670
利用jQuery可以制作出很好的树型结构。这里介绍一款最近才找到使用的Nestable 可以拖动。  网页中的效果 http://dbushell.github.com/Nestable/ 具体详细介绍的地址下载https://github.com/dbushell/Nestable 应用事例是多级分类和导航栏的使用，改变父节点和子节点位置。使用环境(PHP + Smarty + jQ
Notable怎么用中文
最新发布
04-03
<think>好的，用户想了解Notable软件的中文使用教程。首先，我需要回顾一下用户提供的引用内容。引用1和2提到了Notable是一个基于Markdown的笔记工具，功能全面，适合开发者、设计师和学生使用。引用3是关于Flyway的教程，可能与当前问题无关，但需要确认是否有其他相关信息。 接下来，我需要确定用户的需求。他们可能需要安装指南、界面介绍、基本功能操作等中文教程。考虑到Notable的官方文档可能主要是英文的，用户可能需要中文资源或社区翻译的教程。 然后，检查现有引用是否有帮助。引用2提到了项目地址，可能需要引导用户查看GitCode的镜像仓库，但不确定是否有中文文档。引用1介绍了软件的特点，但没有具体教程。因此，可能需要建议用户查阅第三方教程或社区资源，比如知乎、优快云或B站上的中文教程视频。 此外，用户可能需要基础操作步骤，比如如何创建笔记、管理标签、使用Markdown语法等。虽然无法直接提供详细教程，但可以分步骤概述基本使用方法，并推荐可靠的中文资源链接。 还要注意用户可能遇到的常见问题，比如语言设置、导出导入功能等。如果软件本身支持多语言，可以指导用户切换界面语言。若没有官方中文支持，可能需要推荐汉化版或插件。 最后，确保回答结构清晰，分步骤说明，并提供相关链接，如GitCode项目地址和可能的中文教程来源，帮助用户进一步探索。</think>以下是关于Notable软件的中文使用教程分步指南： ### 一、基础安装与配置 1. **下载安装** - 访问GitCode镜像仓库下载安装包：[Notable项目地址](https://gitcode.com/gh_mirrors/notable)[^2] - 支持Windows/macOS/Linux系统，选择对应版本安装 2. **界面语言设置** - 目前Notable未内置官方中文界面，但可通过以下方法实现： - 使用浏览器插件即时翻译（如Chrome的“沉浸式翻译”） - 安装第三方汉化补丁（需在GitHub社区搜索相关资源） ### 二、核心功能操作 1. **创建与管理笔记** ```markdown - 快捷键 `Ctrl+N` 新建笔记 - 使用`# 标题`语法创建分级标题 - 右键笔记列表可进行删除/移动/添加标签操作 ``` 2. **Markdown语法支持** - 表格示例： ``` | 功能 | 语法 | |------------|---------------| | 加粗 | **文本** | | 代码块 | ```代码``` | ``` 3. **标签系统** - 在笔记开头添加 `@标签名` 进行分类 - 侧边栏支持多级标签嵌套管理 ### 三、高级功能应用 1. **数据同步方案** - 通过第三方云盘（如坚果云）同步笔记文件夹 - 配置Git版本控制实现历史记录追踪 2. **插件扩展** - 安装流程图插件：支持`mermaid`语法 ```mermaid graph TD A[开始] --> B{判断} B -->|是| C[执行] ``` ### 四、学习资源推荐 1. **中文教程获取途径** - 知乎专栏：《Notable高效笔记法》[示例链接](https://zhuanlan.zhihu.com/notable-tutorial) - B站视频教程：搜索“Notable从入门到精通” - 优快云博客：《Markdown笔记神器Notable详解》
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值