`
李科笠
  • 浏览: 64319 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

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

$("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.js

    首先,jQuery Dragsort插件包含了三个核心文件:`jquery.dragsort.min.js`、`jquery-list-dragsort.js`和`jquery.dragsort.js`。`jquery.dragsort.min.js`是该插件的压缩版,体积更小,加载速度更快,适用于生产环境...

    jQuery 的拖拽拖放插件DAD

    DAD 是一款基于 jQuery 的拖拽拖放插件,它支持常见的水平拖放、垂直拖放、多行拖放、指定拖放区域、回调函数、允许禁止拖放等等,同时你也可以稍加改造,做成类似垃圾篓、购物车等效果。

    jQuery UI拖拽拖放插件jquery.top-droppable

    **jQuery UI 拖拽拖放插件:jquery.top-droppable** 在Web开发中,交互性和用户体验至关重要,而拖放功能(Drag and Drop)是提升用户体验的一种有效方式。jQuery UI是一个强大的JavaScript库,提供了丰富的用户...

    jquery.dragsort 拖拽排序

    《jQuery.dragSort 拖拽排序插件详解》 在Web开发中,用户交互体验的提升是提升网站吸引力的关键因素之一。其中,拖拽排序功能可以让用户更加直观地对元素进行排列,使得网页操作更加直观和便捷。jQuery.dragSort ...

    拖拽插件 jquery dragsort

    很好用的拖拽插件 官网: dragsort.codeplex.com 引入jquery包 然后导入diagsort包 [removed][removed] 使用 $("ul").dragsort() 默认拖拽的标签的li 可以通过修改dragSelector参数实现拖拽其他标签 例如拖拽tr...

    jquery.dragsort-master.zip

    jQuery Dragsort是一款基于jQuery库的插件,它允许用户通过简单的拖放操作来改变页面上元素的顺序。这个插件的核心特性在于它能实时保存元素的位置,使得页面刷新后,元素依然保持用户设定的排序。这在诸如任务列表...

    jquerytopdroppable是一款非常实用的jQueryUI拖拽拖放插件

    `jQuery top-droppable`插件是基于流行的jQuery UI库的一个扩展,专为实现高效、灵活的拖放操作而设计。这个插件允许开发者轻松地创建可拖动的元素,并将它们放置到预定义的可接受目标(或称为“drop zones”)中,...

    jQuery图片可拖放的照片墙插件

    【jQuery图片可拖放的照片墙插件】是一个基于jQuery库的高效能插件,它允许用户在网页上创建一个互动式、可自定义布局的照片墙。这个插件的核心功能是提供了一个灵活的拖放机制,使得用户能够自由地将图片移动到...

    jQuery拖拽拖放插件DAD

    jQuery DAD(Drag And Drop)是一款强大的拖拽拖放插件,它为开发者提供了一种简单易用的方式来实现网页元素的拖放功能。这个插件的主要特点在于它的灵活性和自定义性,支持多种拖放操作,并允许用户指定特定的拖放...

    jQuery的拖放插件Gridly

    **jQuery的拖放插件Gridly详解** 在Web开发中,交互性和用户体验是至关重要的因素。jQuery,作为一款广泛使用的JavaScript库,提供了丰富的API和插件来增强网站的交互功能。Gridly就是这样一个jQuery插件,它专注于...

    jQuery拖拽拖放插件-Gridly

    Gridly是一款基于jQuery的拖拽拖放插件,专门用于实现网格布局中的元素动态排列。它主要适用于创建灵活的、响应式的图像网格系统,让用户可以通过拖放操作自由调整元素的位置。这种插件在现代网页设计中特别有用,...

    jquery dragsort demo

    jquery dragsort demo jquery dragsort demo jquery dragsort demo jquery dragsort demo jquery dragsort demo jquery dragsort demo

    jquery拖放插件

    jQuery拖放插件是这个库的一个扩展,为网页元素提供了拖放功能,使得用户可以通过鼠标轻松地移动元素,从而实现更加互动和用户友好的界面。在这个“jquery拖放插件”压缩包中,包含的文件可能是一个实现了拖放功能的...

    广泛收集的jQuery拖放插件集合

    在本文中,我们将探讨jQuery中的一个重要特性——拖放功能,以及一系列相关的jQuery插件。 首先,jQuery的拖放功能通常通过jQuery UI库实现,它提供了易于使用的API来创建可拖动的元素。然而,除了jQuery UI,还有...

    jquery-文字拖放效果

    在实际项目中,除了基础的jQuery实现外,还可能存在一些预封装的拖放插件,如jQuery UI的`draggable`和`droppable`组件,它们提供了更完善的拖放功能,包括边界限制、吸附效果等。 在压缩包中的"公式demo"可能是...

    jquery插件库大全(200个).zip

    jquery插件库大全(200个): jqueryQQ表情插件 jquery下拉菜单导航 jquery下拉菜单栏 jquery仿Windows系统选中图标效果 jquery仿京东商品详情页图片放大效果 jquery仿百度新闻焦点轮播 ...jquery拖放插件 jquery

    jQuery拖放插件dad.js.zip

    dad.js 是一个简单易用的 jQuery 拖放插件,无需 jQuery UI 库支持,兼容 Bootstrap 表格布局。 标签:dadjs

    jquery.dragsort

    Jquery List DragSort 对于有些页面,如首页的定制,需要进行动态的拖拽排序。由于自己实现比较困难,我们一般会使用一些js插件来实现。dragsort 就是帮助我们完成这一需求。通过dragsort我们可以很方便地对html页面...

    jQuery 拖放插件DragDrop 作者:kele527.rar

    一个不错的jQuery 拖放插件DragDrop,作者:kele527,实现的功能类似物品栏里的物品可相互拖拽,而且可以有限制拖放,如:下面格子里的东西可以拖到上面,但是不能拖到下面的其他格子里,上面格子里的东西可以在上下...

Global site tag (gtag.js) - Google Analytics