使用jquery插件从不同的表中排序两个td

时间:2015-12-28 10:26:04

标签: javascript jquery html css jquery-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();

如果有人能提供帮助,如果事先感谢非常有帮助

1 个答案:

答案 0 :(得分:0)

我自己尝试了一下,得出的结论是它对于表格元素<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/