javascript - 使用jquery插件使来自不同表的两个td可排序

Question

嗨，我正在制作一个 UI，其中我想到使用 zepto 插件 zepto plugin

用于使不同表中的两个“td”元素可排序，但我有一个问题，该插件对于 <li> 工作正常元素并同时用于 <td>元素它不起作用任何人都可以告诉我是否可以使用此插件 <td>元素或者如果你有其他我可以使用的插件这是我的 html 代码

 <div id="fool">
  <table ="sortable list">
    <tr >
       <td draggable="true" style="background-color:blue">english</td>
    </tr>
    <tr >
       <td draggable="true" style="background-color:yellow">hindi</td>
    </tr>
    <tr>
       <td  draggable="true"style="background-color:green">maths</td>
    </tr>
    <tr >
       <td  draggable="true"style="background-color:white">physics</td>
    </tr>
  </table>
</div>

这是用于 javascript 的代码

 $('.sortable').sortable();

如果有人可以提供帮助，如果这会非常有帮助，请提前致谢

Answer 1

我自己尝试了一下，得出的结论是它不适用于表格元素 <td> ，仅用于列表 <ul> 。就这样sort able而不是sort table

这有效:

<div id="fool">
  <ul class="sortable">
    <li draggable="true" style="background-color:blue">english</li>
    <li draggable="true" style="background-color:yellow">hindi</li>
    <li draggable="true" style="background-color:green">maths</li>
    <li draggable="true" style="background-color:white">physics</li>
  </ul>
</div>

https://jsfiddle.net/xqka18m1/