jquery拖拽排序效果 Sortable.min.js插件

需求：需要对div进行拖拽功能的实现

HTML代码部分

<div class="content">
        <div class="list_wrap" id="list_wrap">/*这里的id重要*/
            <div class="list_con" lay-data="con1" style="">
                <div class="l_top">
                    <div class="title">B</div>
                    <table class="list_table">
                        <tbody><tr>
                            <th colspan="3">标题标题</th>
                        </tr>
                        <tr>
                            <td class="tf32red">内容</td>
                            <td rowspan="2">内容1:<span>num</span></td>
                            <td rowspan="2">内容2:<span>是否</span> </td>
                        </tr>
                        <tr>
                            <td style="padding:0 0.19rem 0 0;">内容3</td>
                        </tr>
                        </tbody></table>
                </div>
                <div class="r_top">
                    <img class="iconshanchu" src="./img/shanchu.png" alt="删除">
                </div>
            </div>
            <div class="list_con" lay-data="con2" draggable="false">
                <div class="l_top">
                    <div class="title">D</div>
                    <table class="list_table">
                        <tbody><tr>
                            <th colspan="3">标题标题</th>
                        </tr>
                        <tr>
                            <td class="tf32red">内容</td>
                            <td rowspan="2">内容1:<span>num</span></td>
                            <td rowspan="2">内容2:<span>是否</span> </td>
                        </tr>
                        <tr>
                            <td style="padding:0 0.19rem 0 0;">内容3</td>
                        </tr>
                        </tbody></table>
                </div>
                <div class="r_top">
                    <img class="iconshanchu" src="./img/shanchu.png" alt="删除" draggable="false">
                </div>
            </div>
        </div>
    </div>
    <button onclick="overdrag()">我拖拽好了</button>

需要js的文件

<script src="tz/jquery.min.js"></script>
<script type="text/javascript" src="tz/Sortable.min.js"></script>

js部分

<script type="text/javascript">
    new Sortable(list_wrap,{handle:'.list_con',animation:150});//这里用到了之前的特别说明的id哦
    $(".list_con .iconshanchu").bind('touchstart',function () {$(this).parent().parent().remove();event.preventDefault();event.stopPropagation();});//删除按钮
    function overdrag() {
        var dragArr = [];
        $.each($('#list_wrap .list_con'),function (index,item) {
            debugger;
            var num = $(item).attr('lay-data');
            dragArr.push(num);
        })

        console.log(dragArr);
    }
</script>