使用 jQuery UI 被S.排序 HTML 桌子

我想从表中的数据库输出一些数据 HTML, 我希望用户更改表行的顺序。 实现我使用的这个目标 jQuery UI sortable, 因此：


<script>

 $/function// {

 $/ "#sortable" /.sortable//;

 $/ "#sortable" /.disableSelection//;

 }/;

 </script>

php 

 while/$row = mysql_fetch_assoc/$co_authors// {

 echo "<tr id='sortable'<td>{$row['author_email']}</td>

<td>{$row['coauthor_level']}</td>";

 <td><button class="remove" email="&lt;?php echo $row['author_email'] ?&gt;" id="remove" name="remove" paper="&lt;?php echo $row['paper_id'] ?&gt;">Remove</button></td>

";

 }

?>


问题是 , 当我拖着桌子时
tr

, 只拖累
td

. 另外，这是最重要的事情，只拖动第一行：效果不适用于其他行。 我怎么解决这个问题？
2021-03-22 添加评论
分享

没有找到相关结果

    已邀请:

    诸葛浮云

    赞同来自:

    你可以打电话
    sortable

    在
    <tbody>

    , 而不是单独的线条。


    <table>
    
<tbody>
    
<tr>
    
<td>1</td>
    
<td>2</td>
    
</tr>
    
<tr>
    
<td>3</td>
    
<td>4</td>
    
</tr>
    
<tr>
    
<td>5</td>
    
<td>6</td>
    
</tr>
    
</tbody>
    
</table>​
    

    
<script>
    
 $/'tbody'/.sortable//;
    
</script>



    $/function// {
    
 $/ "tbody" /.sortable//;
    
}/;




    
table {
    
 border-spacing: collapse;
    
 border-spacing: 0;
    
}
    
td {
    
 width: 50px;
    
 height: 25px;
    
 border: 1px solid black;
    
}




    

    
<link href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
    
<script src="//code.jquery.com/jquery-1.11.1.js"></script>
    
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
    
<table>
    
<tbody>
    
<tr>
    
<td>1</td>
    
<td>2</td>
    
</tr>
    
<tr>
    
<td>3</td>
    
<td>4</td>
    
</tr>
    
<tr>
    
<td>5</td>
    
<td>6</td>
    
</tr>
    
<tr>
    
<td>7</td>
    
<td>8</td>
    
</tr>
    
<tr>
    
<td>9</td>
    
<td>10</td>
    
</tr>
    
</tbody>
    
</table>


    </tbody>
    2021-03-22 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    Copyright © 2023, All Rights Reserved