javascript - JQuery 中的隐藏表单

Question

我想在单击某个按钮后显示一个表单。我尝试了一些方法，比如

1) 我最初将表单添加到 HTML 中并给它一个隐藏属性，然后用 .show() 或 .css() 更改它我的问题是它占用了页面空间。

2) 我使用 .appened() 来添加表单，但是表单太长而且无法正常工作。

在 JQuery 中先隐藏元素然后显示它的最佳方法是什么？

Answer 1

您分配了错误的 CSS。使用 display:none;:

<form id="myform" style="display:none;">
  ...
</form>

然后，显示它:

$("#myform").show();

保证有效。使用display:none;，它不占用空间。您当然可能使用了 visibility:hidden; 那 是您的错误(因为它确实占用空间)

希望这对您有所帮助。干杯