JQuery中隐藏的形式

Question

我希望在点击某个按钮后显示一个表单。我试过像

这样的方法

1）我最初将表单添加到HTML并为其提供一个隐藏属性，然后使用.show（）或.css（）更改它。我的问题是需要页面空间。

2）我使用.appened（）来添加表单，但表单太长而且永远不会有效。

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

Answer 1

$(document).ready(function() {
    $("#formID").hide();
    $("#buttonID").click(function() {
        $("#formID").show();
    });
});

你可以看到这个here的例子。请注意，这会使用jQuery隐藏表单，因此如果用户禁用了JavaScript，他们仍然可以看到它。如果您直接使用CSS属性隐藏表单，则没有JavaScript的用户将永远无法看到它。

Answer 2

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

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

而且，要表明：

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

这有效，保证。使用display:none;时，它不会占用空间。您当然可能已经使用visibility:hidden; 是您的错误（因为它占据了空间）

希望这会有所帮助。干杯