jQuery插件-DragSortTest

拖拽排序插件使用说明

原创于 2013-07-03 08:24:28 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jQuery #plugin #DragSort #ViewUI

WEB前端专栏收录该内容

7 篇文章

订阅专栏

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

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

使用的注意事项：

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