Jquery可排序表中仅适用于第2和第3 td

Question

我有张像这样的桌子。

<table>
<tbody>
    <tr>
        <td>1</td>
        <td>cell 1-1</td>
        <td>cell 1-2</td>
    </tr>
    <tr>
        <td>2</td>
        <td>cell 2-1</td>
        <td>cell 2-2</td>
    </tr>
    <tr>
        <td>3</td>
        <td>cell 3-1</td>
        <td>cell 3-2</td>
    </tr>
    <tr>
        <td>4</td>
        <td>cell 4-1</td>
        <td>cell 4-2</td>
    </tr>
    <tr>
        <td>5</td>
        <td>cell 5-1</td>
        <td>cell 5-2</td>
    </tr>  
<tbody>    
</table>

现在，我想使用jQuery ui对此表行进行排序，其中只有第2和第3 td将被排序在一起，并且索引中不会应用任何效果或排序。

<script>
   $( function() {
   $( "tbody" ).sortable({
       connectWith: "tr"
       }).disableSelection();
   } );
</script>

Answer 1

检查工作小提琴：http://jsfiddle.net/NayanaDas/9wtn4z1c/。这里只将第2列和第3列排序在一起，在2个表的帮助下，将可排序设置为第二个表，尝试以下代码：

HTML：

<table>
    <tr>
        <td>
            <table>
                <thead>
                    <tr>
                        <th>Index</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                    </tr>
                    <tr>
                        <td>2</td>
                    </tr>
                </tbody>
            </table>
        </td>
        <td>
            <table>
                <thead>
                    <tr>
                        <th>column1</th>
                        <th>column2</th>
                    </tr>
                </thead>
                <tbody id="sortTable">
                    <tr>
                        <td>cell 1-1</td>
                        <td>cell 1-2</td>
                    </tr>
                    <tr>
                        <td>cell 2-1</td>
                        <td>cell 2-2</td>
                    </tr>
                </tbody>
            </table>
        </td>
    </tr>
</table>

联署材料：

$( function() {
   $('#sortTable').sortable();
});

希望能帮上忙。