jquery.nestable.min.js可拖动标签

主容器为一个叫div的classname为dd的东西。 只要对这个主容器进行捕获加上一个方法 nestable就可以了。

可以给的属性为??

serialize   直接以字符串的形式给入,意思就是按照当前的排序进行展示 这个东西是返回出来的数组对象。你可以用一个变量来承接他

collapseAll?   这个是用来折叠所有桌面的 , 就是当这种配置生效的时候,需要先将这个东西渲染出来, 也就是在nestable()方法调用完后,然后通过 nestable("collapseAll") 来折叠所有标签。

expandAll?  这个是用来展开所有标签的,  用的方法跟上面的那个一样。

然后还有一些配置项:

  • maxDepth 树节点层次(默认5)
  • group 允许在列表之间拖动的组ID(默认0)
  • listNodeName 创建树结构的的HTML标签(默认‘ol‘)
  • itemNodeName  创建树结构节点的HTML标签(默认‘li‘)
  • rootClass 根节点的class属性名称(默认‘dd‘)
  • listClass 所有节点的class属性名称(默认‘dd-list‘)
  • itemClass 树结构叶子节点class名称(默认‘dd-item‘)
  • dragClass
  • handleClass
  • collapsedClass
  • placeClass
  • emptyClass
  • expandBtnHTML
  • collapseBtnHTML
  • 这些有的我不知道是用来干什么的  如果有机会用, 就交给你了。   (精分现场)?

原文地址:https://www.cnblogs.com/hfultrastrong/p/8695903.html

时间: 2024-11-04 21:56:14

jquery.nestable.min.js可拖动标签的相关文章

多语言切换jquery.i18n.min.js

项目需求,切换多语言,采用 jQuery.i18n.min.js文件内容如下 ------------------------------------------------- /*! * jquery i18n Plugin v1.0.0 * https://github.com/ZOMAKE/jquery.i18n * * Copyright 2017 ZOMAKE,Inc. * Released under the Apache Licence 2.0 */ (function($) { 

Uncaught TypeError: Cannot read property 'call' of undefined jquery.validate.min.js:28

最近在做表单校验的时候,自己写的addMethod 方法老是不起作用,折腾了接近一天的时间.报的错误如下 Uncaught TypeError: Cannot read property 'call' of undefinedjquery.validate.min.js:28 先来看一下 我自己页面的布局. top.jsp 上面的截图为top.jsp的头部引用的表单校验jquery-1.6.js和jquery.validate.min.js 我来看我自己需要校验的那个页面的jsp布局(stepT

jquery.imgpreload.min.js插件实现页面图片预加载

页面分享地址: http://wenku.baidu.com/link?url=_-G8miwbgDmEj6miyFtjit1duJggBCJmFjR2jky_G1VftD9eS9kwGOlFWAORk2_fotM4RbzRvtcaiQu2y_BU3Gpj0rYRy_EWrgXEuFeja0q 页面分享地址:http://www.jb51.net/article/21987.htm Javascript , Jquery 实现页面图片预加载百分比展现 如果需要在页面初始加载时显示加载进度.主要是

jquery.nicescroll.min.js滚动条插件的用法

1.jquery.nicescroll.min.js源码 /* jquery.nicescroll 3.6.8 InuYaksa*2015 MIT http://nicescroll.areaaperta.com */(function(f){"function"===typeof define&&define.amd?define(["jquery"],f):"object"===typeof exports?module.ex

jquery.form.min.js插件的使用实例

因为项目中需要达到效果:前台点击按钮弹出文件选择框,选择文件确定之后,上传到后台对文件进行处理并给出响应信息. 尝试过使用$.post,$.ajsx,将表单序列化之后传到后台,但是后台并不能收到文件,查找资料后得知: .serialize()序列化表单,提交按钮的值不会被序列化.另外,如果想要一个表单元素的值被序列化成字符串,这个元素必须含有 name 属性.此外,复选框(checkbox)和单选按钮(radio)(input类型为 "radio" 或 "checkbox&q

为网页生成二维码(jquery.qrcode.min.js)

做网站活动页面的时候,要为每个活动生成一个二维码,虽然简单,但还是习惯记录下来. jquery.qrcode.min.js是js的一个库,主流的浏览器都支持:IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile方法: qrcode(),参数: text:要编码的字符串地址 width:定义的宽度 height:定义的高度 background:背景色 foreground:前景色 <!doct

图片延迟插件 Jquery.lazyload.min.js

当一个页面打开的图片太多,我们可以用jquery的一个延迟加载插件.名为:jquery.lazyload.min.js 使用非常简单,下面我就把示例代码帖出来. 1 <div style="height:700px;"> 2 <img src="img/grey.gif" data-original="http://www.ziyou.com.cn/ziyou/uploadImg/bberfq.jpg" width="

JSON对象配合jquery.tmpl.min.js插件,手动攒出一个table

jquery.tmpl.min.js 首先下载这个插件 1.绑定json那头的键 //TemplateDDMX 这个是这段JS的ID,这个必须写!!!!!! //${}为json的键的值,必须要填写正确,和<%#Eval()%>这个作用一样<script id="TemplateDDMX" type="text/x-jquery-tmpl"> <tr> <td style='font-size:16px;display:no

调用jquery.Jcrop.min.js 切割图片 实例

需求是:上传一个图片,然后将上传的这个图片进行切割........ 首先是jsp页面.页面需要引入js  <script src="${fileUrlPrx}/scripts/wap/jquery.min.js"></script>  <script src="${fileUrlPrx}/scripts/wap/jquery.Jcrop.min.js"></script> 注意几个隐藏域,这些是选中区域的点坐标,与长宽