Jquery list dragsort插件能对ul的li进行排序,实现列表拖动排序效果。
插件下载地址:http://dragsort.codeplex.com/
Demo地址: http://www.uedsc.com/wp-content/uploads/2014/04/jquery-list-dragsort/
jquery list dragsort列表拖动插件使用方法
$("ul").dragsort({ dragSelector: "li", dragEnd: function () { }, dragBetween: false, placeHolderTemplate: "<li></li>" });
jquery list dragsort列表拖动插件参数说明
dragSelector
CSS选择器内的元素的列表项的拖动手柄。默认值是“li”。
dragSelectorExclude
CSS选择器的元素内的dragSelector不会触发dragsort的。默认值是”input, textarea, a[href]“。
dragEnd
拖动结束后将被调用的回调函数.
dragBetween
设置为“true”,如果你要启用多组列表之间拖动选定的列表。 默认值是false。
placeHolderTemplate
拖动列表的HTML部分。默认值是”<li></li>”.
scrollContainer
CSS选择器的元素,作为滚动容器,例如溢出的div设置为自动。 默认值是“窗口“.
scrollSpeed
一个数字,它代表了速度,页面拖动某一项时,将滚动容器外,较高使用价值的是速度和较低的值是较慢的。 如果设置为”0″以禁用滚动。默认值是”5″.
相关推荐
拖动插件 内包含jquery.dragsort.min.js、jquery-list-dragsort.js、jquery.dragsort.js三个文件 适合有一定基础的前端人员
DAD 是一款基于 jQuery 的拖拽拖放插件,它支持常见的水平拖放、垂直拖放、多行拖放、指定拖放区域、回调函数、允许禁止拖放等等,同时你也可以稍加改造,做成类似垃圾篓、购物车等效果。
jquery.top-droppable是一款非常实用的jQuery UI拖拽拖放插件。该拖拽拖放插件可以将元素拖动到指定的容器中,如果容器是堆叠的,它还能知道到底是拖放到哪个容器中。
很好用的拖拽插件 官网: dragsort.codeplex.com 引入jquery包 然后导入diagsort包 [removed][removed] 使用 $("ul").dragsort() 默认拖拽的标签的li 可以通过修改dragSelector参数实现拖拽其他标签 例如拖拽tr...
jquery.top-droppable是一款非常实用的jQuery UI拖拽拖放插件。该拖拽拖放插件可以将元素拖动到指定的容器中,如果容器是堆叠的,它还能知道到底是拖放到哪个容器中。
html实现拖拽、排序,这jquery.dragsort包里有demo和jquery.dragsort.js
Gridly是一款很酷的jQuery拖拽拖放插件。Gridly能够拖拽网格图片,并使拖放后的网格图片从新排列,Gridly还能够添加新的图片。
jquery dragsort demo jquery dragsort demo jquery dragsort demo jquery dragsort demo jquery dragsort demo jquery dragsort demo
插件描述:支持多种拖放、指定拖放区域、回调函数、允许禁止拖放等等。 参考示例:http://www.jq22.com/jquery-info5531
这是一款可以随意拖放图片到任意位置的jQuery照片墙插件,该照片墙插件的拖放效果十分流畅,在放图片的时候还带有一点弹性效果。
Gridly是一个JQuery插件,它能够拖动,删除和调整一个网格的大小。演示地址:http://www.jq22.com/jquery-info386
JQuery实现的拖动排序功能,比JQuery.UI里的类库小很多。有拖放事件回调函数接口。
dad.js 是一个简单易用的 jQuery 拖放插件,无需 jQuery UI 库支持,兼容 Bootstrap 表格布局。 标签:dadjs
jquery拖放插件,我刚整理过,使用非常简单。
Jquery List DragSort 对于有些页面,如首页的定制,需要进行动态的拖拽排序。由于自己实现比较困难,我们一般会使用一些js插件来实现。dragsort 就是帮助我们完成这一需求。通过dragsort我们可以很方便地对html页面...
一个不错的jQuery 拖放插件DragDrop,作者:kele527,实现的功能类似物品栏里的物品可相互拖拽,而且可以有限制拖放,如:下面格子里的东西可以拖到上面,但是不能拖到下面的其他格子里,上面格子里的东西可以在上下...
jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 ...jquery拖放插件 jquery
是一款基于 jQuery 的拖拽拖放插件,它支持常见的水平拖放、垂直拖放、多行拖放、指定拖放区域、回调函数、允许禁止拖放
Draggabilly 可帮你轻松实现网页上各种元素的拖放操作。支持 IE8 和多触摸。 示例代码: var draggie = new Draggabilly( elem ); function onDragMove( instance, event, pointer ) { console.log( '...