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插件包含了三个核心文件:`jquery.dragsort.min.js`、`jquery-list-dragsort.js`和`jquery.dragsort.js`。`jquery.dragsort.min.js`是该插件的压缩版,体积更小,加载速度更快,适用于生产环境...
DAD 是一款基于 jQuery 的拖拽拖放插件,它支持常见的水平拖放、垂直拖放、多行拖放、指定拖放区域、回调函数、允许禁止拖放等等,同时你也可以稍加改造,做成类似垃圾篓、购物车等效果。
**jQuery UI 拖拽拖放插件:jquery.top-droppable** 在Web开发中,交互性和用户体验至关重要,而拖放功能(Drag and Drop)是提升用户体验的一种有效方式。jQuery UI是一个强大的JavaScript库,提供了丰富的用户...
《jQuery.dragSort 拖拽排序插件详解》 在Web开发中,用户交互体验的提升是提升网站吸引力的关键因素之一。其中,拖拽排序功能可以让用户更加直观地对元素进行排列,使得网页操作更加直观和便捷。jQuery.dragSort ...
很好用的拖拽插件 官网: dragsort.codeplex.com 引入jquery包 然后导入diagsort包 [removed][removed] 使用 $("ul").dragsort() 默认拖拽的标签的li 可以通过修改dragSelector参数实现拖拽其他标签 例如拖拽tr...
jQuery Dragsort是一款基于jQuery库的插件,它允许用户通过简单的拖放操作来改变页面上元素的顺序。这个插件的核心特性在于它能实时保存元素的位置,使得页面刷新后,元素依然保持用户设定的排序。这在诸如任务列表...
`jQuery top-droppable`插件是基于流行的jQuery UI库的一个扩展,专为实现高效、灵活的拖放操作而设计。这个插件允许开发者轻松地创建可拖动的元素,并将它们放置到预定义的可接受目标(或称为“drop zones”)中,...
【jQuery图片可拖放的照片墙插件】是一个基于jQuery库的高效能插件,它允许用户在网页上创建一个互动式、可自定义布局的照片墙。这个插件的核心功能是提供了一个灵活的拖放机制,使得用户能够自由地将图片移动到...
jQuery DAD(Drag And Drop)是一款强大的拖拽拖放插件,它为开发者提供了一种简单易用的方式来实现网页元素的拖放功能。这个插件的主要特点在于它的灵活性和自定义性,支持多种拖放操作,并允许用户指定特定的拖放...
**jQuery的拖放插件Gridly详解** 在Web开发中,交互性和用户体验是至关重要的因素。jQuery,作为一款广泛使用的JavaScript库,提供了丰富的API和插件来增强网站的交互功能。Gridly就是这样一个jQuery插件,它专注于...
Gridly是一款基于jQuery的拖拽拖放插件,专门用于实现网格布局中的元素动态排列。它主要适用于创建灵活的、响应式的图像网格系统,让用户可以通过拖放操作自由调整元素的位置。这种插件在现代网页设计中特别有用,...
jquery dragsort demo jquery dragsort demo jquery dragsort demo jquery dragsort demo jquery dragsort demo jquery dragsort demo
jQuery拖放插件是这个库的一个扩展,为网页元素提供了拖放功能,使得用户可以通过鼠标轻松地移动元素,从而实现更加互动和用户友好的界面。在这个“jquery拖放插件”压缩包中,包含的文件可能是一个实现了拖放功能的...
在本文中,我们将探讨jQuery中的一个重要特性——拖放功能,以及一系列相关的jQuery插件。 首先,jQuery的拖放功能通常通过jQuery UI库实现,它提供了易于使用的API来创建可拖动的元素。然而,除了jQuery UI,还有...
在实际项目中,除了基础的jQuery实现外,还可能存在一些预封装的拖放插件,如jQuery UI的`draggable`和`droppable`组件,它们提供了更完善的拖放功能,包括边界限制、吸附效果等。 在压缩包中的"公式demo"可能是...
jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 ...jquery拖放插件 jquery
dad.js 是一个简单易用的 jQuery 拖放插件,无需 jQuery UI 库支持,兼容 Bootstrap 表格布局。 标签:dadjs
Jquery List DragSort 对于有些页面,如首页的定制,需要进行动态的拖拽排序。由于自己实现比较困难,我们一般会使用一些js插件来实现。dragsort 就是帮助我们完成这一需求。通过dragsort我们可以很方便地对html页面...
一个不错的jQuery 拖放插件DragDrop,作者:kele527,实现的功能类似物品栏里的物品可相互拖拽,而且可以有限制拖放,如:下面格子里的东西可以拖到上面,但是不能拖到下面的其他格子里,上面格子里的东西可以在上下...