Jq-table 拖拽顺序

使用sortable 对table列表进行拖拽排序

<table id="sort" name="Register_GameId" class="table table-bordered ui-sortable">
  <tbody>
    <tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>1</td><td>****</td></tr>
    <tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>37</td><td>****</td></tr>
    <tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>36</td><td>****</td></tr>
    <tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>31</td><td>****</td>
    </tr><tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>13</td><td>****</td>
    </tr><tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>32</td><td>****</td></tr>
    <tr style="opacity: 1;" class=""><td><input type="checkbox"></td><td>30</td><td>****</td></tr>
  </tbody>
</table>

 

js代码

$(function () {//拖拽ibc游戏顺序
    $("#sort").sortable({
        cursor: "move",
        items: "tr", //只是tr可以拖动  
        opacity: 0.6, //拖动时，透明度为0.6  
        revert: true, //释放时，增加动画  
        update: function (event, ui) { //更新排序之后  
            var categoryids = $(this).sortable("toArray");
            var $this = $(this);
        }
    });
    $("#sort").disableSelection();//禁用选择匹配的元素集合内的文本内容。
});

 获取排序后的列表

//获取table选中值
        var arr = "";
        var id = $("#sort input[type=checkbox]:checked").parent().next();
        id.each(function (i, v) {
           // console.log(i, v);
            arr += $(v).text() + ',';

        })
        arr = arr.slice(0, -1);