当前位置:  软件>JavaScript软件

jQuery 框架排序小工具 dragsort

    来源:    发布时间:2015-01-07

    本文导语:  dragsort 是一个 JavaScript 文件,允许用户在 jQuery 框架上通过拖拽来来做列表排序。用法:$("ul").dragsort({ dragSelector: "li", dragEnd: function() { },  dragBetween: false, placeHolderTemplate: "" }); $("ul").dragsort("destroy");dragSelector:The CSS selector...

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

用法:

$("ul").dragsort({ dragSelector: "li", dragEnd: function() { }, 
dragBetween: false, placeHolderTemplate: "
  • " }); $("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."
  • ".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.



        
     
     

    您可能感兴趣的文章:

  • jQuery UI 框架 jQuery Stone UI
  • HTML5 开发框架 jQuery Mobile
  • jQuery的UI框架 Chico UI
  • jQuery UI 框架 ZinoUI
  • 国产jQuery UI框架 (jUI) DWZ
  • jQuery的UI框架 angela UI
  • 基于jQuery实现的MVC开发框架 CorMVC
  • jQuery 表单验证框架 Quick Validation
  • Ajax框架 jQuery
  • jQuery的UI框架 Liger UI
  • 基于jquery的富客户端框架 jwwui
  • jQuery单元测试框架 jQunit
  • jQuery单元测试框架 QUnit
  • jQuery模拟测试框架 jqMock
  • 轻量级校验框架 Jquery-Lweight-validate
  • jquery表单验证框架提供的身份证验证方法(示例代码)
  • 推荐10款最热门jQuery UI框架 原创
  • GWT的jQuery框架 GwtQuery
  • jQuery排序工具 jQuery.sorted
  • jQuery表格排序插件 tablesorter
  • jQuery 表格排序插件 Stupid Table
  • jQuery 排序插件 html5sortable
  • Jquery鼠标点击动态添加文本框离开时自动更新排序
  • jQuery表格排序组件-tablesorter使用示例
  • JQuery 权限选择可排序
  • jquery对元素拖动排序示例
  • jQuery入门-使用tablesorter插件(表格排序)
  • jquery 表格排序、实时搜索表格内容(附图)
  • jquery 表格排序实例详解
  • jquery实现的鼠标拖动排序Li或Table
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery UI组件 jQuery UI iis7站长之家
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery的CSV插件 jQuery CSV
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples
  • 精简版的jQuery jQuery.ish
  • jQuery的OpenSocial插件 OpenSocial jQuery


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3