如何在没有jQuery崩溃的情况下隐藏元素

Question

我有一个待办事项表，在最左边的列上通常是复选框以标记已完成。我希望隐藏这些复选框，直到用户将鼠标悬停在某个任务上，然后该任务复选框变为可见。

目前，当我使用

隐藏复选框时

$('table#incompleted_tasks tr td input[type="checkbox"]').css('display', 'none');

实际列折叠，后面的列被分流。这意味着当我将鼠标悬停在某个任务上时，该复选框会被展开，但所有内容都会被分流，从而错位。

我想保留那些隐藏的列宽但是如何？

Answer 1

使用

$('table#incompleted_tasks tr td input[type="checkbox"]').css('visibility', 'hidden');

该元素不会显示，但它的位置将在页面流中“保持占用”。

Answer 2

您可以将“公开”设置为“隐藏”：

$('table#incompleted_tasks tr td input[type="checkbox"]').css('visibility', 'hidden');