jQuery插件-DragSortTest

iteye_6650

于 2013-07-03 08:24:28 发布

阅读量132

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB前端文章标签： javascript jQuery plugin DragSort ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_6650/article/details/82517941

WEB前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一款拖拽排序插件的使用方法及注意事项。该插件允许用户通过拖拽的方式对页面上的元素进行排序，并提供了自定义结束排序后的回调函数来保存排序结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

使用的注意事项：

将<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>