`

jQuery插件-DragSortTest

阅读更多



 以上是效果图,附件是源码

使用的注意事项:

将<script type="text/javascript">
        $(function() {
            $("#test")
                    .dragsort(
                            {
                                dragSelector : "div",
                                dragEnd : saveOrder,
                                dragBetween : false,
                                placeHolderTemplate : "<li class='placeHolder'><div></div></li>"
                            });
            //$("#test").dragsort("destroy");
        });
        function saveOrder() {
            var data = $("#test li div").map(function() {
                return $(this).attr("id");
            }).get();
            $("#order").val(data.join("|"));
        };
    </script>

代码要放置于要排序的内容之后!!!

  • 大小: 81.2 KB
分享到:
评论
2 楼 飒沓咯 2015-06-23  
飒沓咯 写道

1 楼 飒沓咯 2015-06-23  

相关推荐

    jQuery插件-实现HTML5微信红包抽奖红包雨特效动画js效果.rar

    jQuery插件-实现HTML5微信红包抽奖红包雨特效动画js效果.rar jQuery插件-实现HTML5微信红包抽奖红包雨特效动画js效果.rar jQuery插件-实现HTML5微信红包抽奖红包雨特效动画js效果.rar jQuery插件-实现HTML5微信红包...

    jQuery插件---mcdropdow.(仿下拉框多层次)

    jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)jQuery插件---mcdropdow.(仿下拉框多层次)

    jquery插件jquery-ui-1.8.2.custom.min.js

    《jQuery UI与jQuery插件深度解析——以jquery-ui-1.8.2.custom.min.js为例》 在Web开发领域,jQuery库以其简洁易用的API和强大的功能深受开发者喜爱。而jQuery UI作为jQuery的一个扩展,提供了丰富的用户界面组件...

    jQuery插件--滑动条

    2. `jquery-1.2.6.js` - 这是jQuery库的一个早期版本(1.2.6),用于处理页面上的DOM操作和事件监听等。 3. `jquery.jslider.js` - 这是一个jQuery插件文件,专门用于实现滑动条功能。 在使用jQuery插件创建滑动条...

    Jquery插件-分享插件

    Jquery插件-分享插件

    jQuery插件--星级打分

    jQuery插件--星级打分,供大家一起共同分享学习。

    jquery插件-文章分页插件

    在这个场景中,"jquery插件-文章分页插件"是一个专门为jQuery设计的轻量级组件,用于实现文章或内容的分页功能。 首先,我们来详细了解一下jQuery插件的基本结构和工作原理。jQuery插件通常是一个函数,该函数接收...

    jQuery版本迁移辅助插件jquery-migrate-1.2.1.min.js

    jQuery版本迁移辅助插件,如果您使用的低版本jQuery改为高版本后出现错误,可以试试这个插件。用来检测和恢复在jQuery1.9版本中已删除或已过时的API。jquery-migrate-1.2.1.js,jquery-migrate-1.2.1.min.js

    Jquery插件-弹窗

    而"Jquery插件-弹窗"则是利用jQuery来实现的一种常见功能,即在网页上创建交互式的弹出窗口。这个插件通常用于显示通知、警告、确认对话框或者承载更复杂的内容,如图片画廊、表单等。 1. jQuery插件的基本概念: ...

    jquery-migrate-1.2.1.js文件

    `jquery-migrate-1.2.1.min.js` 是这个插件的压缩版本,用于生产环境,它具有更小的文件大小,减少了页面加载时间,但同样提供向后兼容性支持。 **jqPrint插件与jQuery Migrate的结合** `jqPrint` 是一个jQuery...

    jquery插件-添加不包邮城市

    jquery插件-添加不包邮城市 $(function () { //------生成地区 GetRegionPlug(); //------选择后确定按钮 $(".btntest1").click(function () { var areas = GetChecked().join(",");//已选择的城市名 $("#...

    jQuery摄像头插件jquery-webcam-plugin

    **jQuery摄像头插件jquery-webcam-plugin** 在网页开发中,集成摄像头功能可以帮助用户实时捕捉图像,广泛应用于在线证件照上传、视频聊天、虚拟试衣间等场景。`jQuery webcam plugin`是一个优秀的JavaScript库,它...

    JQUERY插件-蒙版遮罩效果-toggleLoading

    本文将深入探讨“JQUERY插件-蒙版遮罩效果-toggleLoading”这一主题,它提供了在网页元素上添加遮罩效果的能力,以增加用户交互体验。 首先,让我们了解什么是蒙版和遮罩效果。在网页设计中,蒙版通常指的是用于...

    JQuery MX-9

    **jQuery MX-9 插件详解** jQuery MX-9 是一款专为网页开发设计的插件,它基于广泛使用的JavaScript库jQuery,旨在提升在Dreamweaver中的开发效率和功能体验。这款插件针对Dreamweaver进行了优化,为开发者提供了一...

    我的第一个jQuery插件 -- 圆角DIV

    标题 "我的第一个jQuery插件 -- 圆角DIV" 指涉的是一个关于创建自定义jQuery插件的教程,该插件主要用于实现HTML元素(尤其是DIV)的圆角效果。在早期的Web开发中,CSS2无法直接创建圆角,所以开发者会利用...

    帮助你生成组织结构图的jQuery插件 - jOrgChart

    帮助你生成组织结构图的jQuery插件 - jOrgChart 大家可能看到过使用javascript类库JavaScript InfoVis Toolkit实现的特效组织结构图,这里我们使用jQuery插件-jOrgchart也同样可以实现一个组织结构图。 主要特性: ...

    jquery插件--表格分页

    jQuery作为一个广泛使用的JavaScript库,提供了丰富的插件来帮助开发者实现各种功能,包括表格分页。本篇文章将深入探讨jQuery插件在实现表格分页中的应用及其相关知识点。 一、jQuery和表格分页基础 1. jQuery...

    jquery插件--侧边栏浮动插件,固定在顶部

    标题中的“jquery插件--侧边栏浮动插件,固定在顶部”指的是一个基于jQuery的JavaScript插件,其主要功能是实现侧边栏在页面滚动时始终保持在屏幕顶部的浮动效果。这种效果常用于网站的导航菜单或者侧边工具栏,以...

    jquery-migrate

    例如jQuery版本用的是1.x,计划升级到3.x,就可以在页面删除1.x版本,换成3.x版本,如果有脚本错误,就引入jquery-migrate插件用于兼容低版本,同时也显示低版本方法替换成新版本方法的方案。 jQuery migrate(转移...

Global site tag (gtag.js) - Google Analytics