我有两个连接的tbody元素,允许我在两个表之间拖动行。一切都可以正常工作,直到从任一表中删除所有行。
当所有行都被拖到另一个表上时,tbody的高度减小,使得(near)不可能将行放在里面。
有没有解决这个问题的解决方法? (最小高度不适用于tbody元素)
提前谢谢了。
解决方法
您可以做的是创建“可排序”机制不可见的行。可能最简单的方法是使用“items”选项。
假设你的HTML看起来像这样
<tbody class="sortable"> <tr><td>stuff</td></tr> <tr><td>stuff</td></tr> <tr><td>stuff</td></tr> <tr class="sort-disabled"><td></td></tr> </tbody>
然后在jquery你可以有
$('.sortable').sortable({ items: ">*:not(.sort-disabled)" });
这是一个黑客,但我认为,如果你玩这个变体(给予.sort禁用的行一些高度在CSS等),你可以找到一些适合你的东西。您也可以尝试将第一个和最后一个.sort禁用的行都放在一起,这样中间的位置就是放置目标。
希望这可以帮助!