当前位置：首页 > 软件库 > Web应用开发 > 常用JavaScript包 >

dragsort

jQuery 框架排序小工具

授权协议 Ms-PL

开发语言 JavaScript

所属分类 Web应用开发、常用JavaScript包

软件类型开源软件

地区不详

投递者夏建木

操作系统跨平台

开源组织无

适用人群未知

软件官网

官方下载

软件概览

dragsort 是一个 JavaScript 文件，允许用户在 jQuery 框架上通过拖拽来来做列表排序。

用法：

$("ul").dragsort({ dragSelector: "li", dragEnd: function() { }, 
dragBetween: false, placeHolderTemplate: "<li></li>" });
$("ul").dragsort("destroy");

dragSelector:	The CSS selector of the element inside the list item to act as the drag handle. The default is the list item itself e.g. LI.
dragSelectorExclude:	The css selector of the elements inside the dragSelector to not trigger dragsort. The default is "input, textarea".
itemSelector:	The css selector of the list items that are moveable. Will only match elements that are immediate children of list container. The default is tag name of first child e.g. LI.
dragEnd:	The callback function that will be called after the dragging has ended (only called if the list order has changed). The keyword "this" in function will refer to list item that was dragged.
dragBetween:	Set to "true" if you want to enable the ability to drag between selected lists or to allow dragging of the list item outside of the list for auto scroll. The default is false.
placeHolderTemplate:	The html of the place holder for the dragged item. The default is empty list item e.g."<li></li>".
scrollContainer:	The css selector of the element you want to scroll (i.e. div with overflow set to auto) when the list item is dragged outside the list. The default is window.
scrollSpeed:	A number that represents the speed that the page will scroll when dragging an item outside the scroll container, a higher value is faster and a lower value is slower. Set to 0 to disable scrolling. The default is 5.

使用案例

dragsort html拖拽排序的应用

/** * * * 设置参数的说明: * drag:开始拖拽的回调 * beforeExchange: 当被拖拽元素, 和相邻的元素交换位置前的回调方法,如果回调方法返回 false 那么会阻止位置的交换, 回调的入参(exchangeItem(将要交换位置的元素)) * afterExchange: 当被拖拽元素, 和相邻的元素交换位置后的回调方法, 回调的入参(与拖拽元素交换位置的
juqery dragsort使用遇到的问题

1.destroy时，没给容器加id，不能执行成功--->修改源码如下： if (options == "destroy") { $(this).trigger("dragsort-uninit");//modified $(this.selector) to $(this) return; } 2.可拖动区域有滚动条时，纵坐标计算有
jquery ui,拖拽,dragsort

一、导入js。导入jquery.dragsort.js外还需要导入jQuery。二、HTML部分 <!DOCTYPE html> <html> <head> <title>DragSort Example </title> <meta charset="utf-8" /> <link href="desktop.css" rel="stylesheet" type
特别好用的拖拽插件DragSort

参考：https://www.cnblogs.com/always-online/p/5160475.html
jquery拖拽排序控件DragSort

官网: dragsort.codeplex.com 引入jquery包然后导入diagsort包 <script type="text/javascript" src="static/js/jquery.dragsort.js"></script> 使用 $("ul").dragsort() 默认拖拽的标签的li 可以通过修改dragSelector参数实现拖拽其他标签例如拖拽tr标签 $("
jQuery图片拖动插件DragSort

jquery list dragsort列表拖动插件使用方法 $("ul").dragsort({ dragSelector: "li", dragEnd: function() { }, dragBetween: false, placeHolderTemplate: "<li></li>" }); jquery list dragsort列表拖动插件参数说明 d
jquery表格、序列的拖拽排序dragsort

转载地址：http://blog.sina.com.cn/s/blog_944b24ef0101cv81.html 插件地址：http://dragsort.codeplex.com/ html部分： table情况， < table id='tableid'> < tr> …… < /tr
jquery.dragsort.js 实现拖拽过程遇到的问题

1、在IE下第一次拖动的时候，被拖动的li元素会不显示，查了很多资料发现是因为在IE中定位出了问题，li标签还在，只是位置计算出错。解决的办法是在li的css样式中position设置为relative。这个问题在火狐等其他浏览器是不存在的。 2、如果拖动的li所在容器出现了滚动条，当滚动条滑到最下面的时候，拖拽下面的li的浮动层位置会出现偏移。解决的办法是在jquery.dragsort.js中
分页拖放排序dragsort

本功能针对表格实现分页需要引用jquery及其插件jqurey.dragsort 处理器参见：在服务器端实现数据任意排序算法先看一下示例代码： 1 $('table.list').tableDragsort({ 2 handler:'/user/sort', //排序处理器 3 selector:'.moveable', //拖放对象选择器 4
JQuery list dragsort 拖放插件

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列表拖动插件使用方法 $

dragsort

同类工具

相关阅读

相关文章

相关问答

相关文档