如何使用jQuery在HTML表格中隨機拖放表格行？

-1

我想用jQuery（不使用jQuery插件）在HTML表格中隨機拖放一個表格行。如何使用jQuery在HTML表格中隨機拖放表格行？

你有什麼建議嗎？

來源

2012-08-23 giri-webdev

http://jqueryui.com/demos/draggable/ – Chris

OP * *沒有說不插件..但我不知道爲什麼不.. ..？插件有什麼問題？ – danwellman

最簡單的第一個。你認爲jquery ui是一個插件嗎？

如果沒有，那麼你應該尋找它的排序方法 http://jqueryui.com/demos/sortable/ 他們也有一個投擲的和可拖動的方法。

可排序，您可以快速添加可排序行爲到您的表。因爲你需要能夠混合標題行和正文行，你可以嘗試connectWith選項：

<body> 
    <table> 
     <tr class="connectedSortable"> 
      <th>Column1</th> 
      <th>Column2</th> 
      <th>Column3</th> 
      <th>Column4</th> 
      <th>Column5</th> 
     </tr> 
     <tr class="connectedSortable"> 
      <td>item1</td> 
      <td>item2</td> 
      <td>item3</td> 
      <td>item4</td> 
      <td>item5</td> 
     </tr> 
     <tr class="connectedSortable"> 
      <td>item11</td> 
      <td>item22</td> 
      <td>item33</td> 
      <td>item44</td> 
      <td>item55</td> 
     </tr> 
    </table> 

    <script type="text/javascript"> 
     (function($){ 
      $(document).ready(function(){ 
       $('table tr').sortable({ 
        connectWith: ".connectedSortable" 
       }); 
      }); 
     })(jQuery); 
    </script> 

</body>

來源

2012-08-23 10:01:55 lingtalfi

嗨，我能夠在HTML表中拖放標題，但我無法更改該標題的前一列數據 –

@giri所以，你問的問題不是你想要/需要的答案嗎？好吧... – Joonas

謝謝你lingtalfi –

如何使用jQuery在HTML表格中隨機拖放表格行？

回答

相關問題