`
李科笠
  • 浏览: 62825 次
  • 性别: 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.min.js、jquery-list-dragsort.js、jquery.dragsort.js三个文件 适合有一定基础的前端人员

    jQuery 的拖拽拖放插件DAD

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

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

    jquery.top-droppable是一款非常实用的jQuery UI拖拽拖放插件。该拖拽拖放插件可以将元素拖动到指定的容器中,如果容器是堆叠的,它还能知道到底是拖放到哪个容器中。

    拖拽插件 jquery dragsort

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

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

    jquery.top-droppable是一款非常实用的jQuery UI拖拽拖放插件。该拖拽拖放插件可以将元素拖动到指定的容器中,如果容器是堆叠的,它还能知道到底是拖放到哪个容器中。

    jquery.dragsort-master.zip

    html实现拖拽、排序,这jquery.dragsort包里有demo和jquery.dragsort.js

    jQuery拖拽拖放插件-Gridly

    Gridly是一款很酷的jQuery拖拽拖放插件。Gridly能够拖拽网格图片,并使拖放后的网格图片从新排列,Gridly还能够添加新的图片。

    jquery dragsort demo

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

    jQuery拖拽拖放插件DAD

    插件描述:支持多种拖放、指定拖放区域、回调函数、允许禁止拖放等等。 参考示例:http://www.jq22.com/jquery-info5531

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

    这是一款可以随意拖放图片到任意位置的jQuery照片墙插件,该照片墙插件的拖放效果十分流畅,在放图片的时候还带有一点弹性效果。

    jQuery的拖放插件Gridly

    Gridly是一个JQuery插件,它能够拖动,删除和调整一个网格的大小。演示地址:http://www.jq22.com/jquery-info386

    jquery.dragsort 拖拽排序

    JQuery实现的拖动排序功能,比JQuery.UI里的类库小很多。有拖放事件回调函数接口。

    jQuery拖放插件dad.js.zip

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

    jquery拖放插件

    jquery拖放插件,我刚整理过,使用非常简单。

    jquery.dragsort

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

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

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

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

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

    拖拽拖放插件DAD

    是一款基于 jQuery 的拖拽拖放插件,它支持常见的水平拖放、垂直拖放、多行拖放、指定拖放区域、回调函数、允许禁止拖放

    jQuery拖放插件Draggabilly.zip

    Draggabilly 可帮你轻松实现网页上各种元素的拖放操作。支持 IE8 和多触摸。 示例代码: var draggie = new Draggabilly( elem ); function onDragMove( instance, event, pointer ) { console.log( '...

Global site tag (gtag.js) - Google Analytics