JQuery 表单 CSS 可见性

Question

我有一个使用 CSS 属性 visibility:hidden 在页面加载时隐藏的表单

我希望它在我页面上的唯一按钮被单击时变为可见。我已经尝试了很多事情，例如使用 display 属性、.show() 等。

但是，我没有尝试使表单出现。

脚本

$(document).ready(function () {
    $('.btnClick').click(function () {
        $(".Border").css('visibility', 'visible');
    });
});

HTML

<input type="button" class="btnClick" id="btnClick" onclick="DisplayForm()"value = "Click for Receipt"/>

<form class="Border" id="myform" action="" method="get">
Enter something in the box: <br />
<input type="text" name="one" value=""/>
<br />
<input type="text" name="two" value="" />
<br />
<input type="text" name="three" value="" />
</form>

CSS

.Border
{
    visibility:hidden;
}

.btnClick
{
}

Answer 1

为您的浏览器获取 firebug 以获取您的 javascript 错误的日志，因为这可能会暂停您的脚本。

如果没有记录错误，请在脚本的每个步骤中添加警报调用以检查是否存在障碍:

$(document).ready(function () {
alert("1");
    $('.btnClick').click(function () {
alert("2");
        $(".Border").css('visibility', 'visible');
alert("complete");
    });
});

在计数之后，您将能够知道哪一行代码未正确触发。让我们知道我们将能够进一步帮助您。

我还会从按钮元素中删除对 DisplayForm() 的 onClick 调用，因为它的预期用途似乎与您发布的脚本冲突。