Question

我在JsFiddle中有两个表，我想在它们之间交换行<tr>。我希望能够立即使用Jquery执行此操作，因为<thead>标记，它无法正常工作。我认为它与items中的selector有关，但我不知道要将其更改为什么，以便忽略<thead>。我想知道如何编辑代码，以便它可以使所有内容可拖动并重新排列，除了<thead>标记

JsFiddle

在当前的jsfiddle中，删除<thead>代码会有效，但我需要<thead>才能在那里

Answer 1

请修复您的HTML代码。你必须把“thead”标签从“tbody”中删除它会工作。还有一件事，你不需要使用可排序的droppable，删除它。工作版http://jsfiddle.net/73kv2vm9/1/

            <table id='table-draggable1'>  
            <thead>
                <tr>
                    <th>col1</th>
                    <th>col2</th>  
                    <th>col3</th>  
                    <th>col4</th>  
                </tr>
                </thead>
            <tbody class="connectedSortable"> 
                <tr>   
                    <td>156</td>                                                                                         
                    <td>668</td>                                                              
                    <td>100.95</td>  
                    <td>1.82</td>                                                                  
                </tr>  
                <tr>  
                    <td>256</td>                                                                                         
                    <td>668</td>                                                              
                    <td>100.95</td> 
                    <td>1.82</td>                                                                
                </tr>  
            </tbody> 
        </table>
        <table id='table-draggable2'>  
            <thead>
                <tr>
                    <th>COL1</th>  
                    <th>COL2</th>  
                    <th>COL3</th>  
                    <th>COL4</th>  
                </tr>
                </thead>
            <tbody class="connectedSortable">
                <tr>   
                    <td>356</td>                                                                                         
                    <td>668</td>                                                              
                    <td>100.95</td>  
                    <td>1.82</td>                                                                  
                </tr>  
                <tr>  
                    <td>456</td>                                                                                         
                    <td>668</td>                                                              
                    <td>100.95</td> 
                    <td>1.82</td>                                                                
                </tr>  
            </tbody> 
        </table>

使用带有标记的Jquery从html表中拖放多行

1 个答案: