Jquery ui-sortable – 无法将tr放在空的tbody中

前端之家收集整理的这篇文章主要介绍了Jquery ui-sortable – 无法将tr放在空的tbody中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个连接的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禁用的行都放在一起,这样中间的位置就是放置目标。

希望这可以帮助!

原文链接:https://www.f2er.com/jquery/181973.html

猜你在找的jQuery相关文章