jQuery插件-DragSortTest


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>

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

你可能感兴趣的:(JavaScript,jquery,plugin,DragSort)