Question

我能够显示状态消息并且没有任何问题，但有一个可用性问题。

一旦它显示消息div消失但它仍保留空间，我该如何删除该空格或向上移动我的标签/文本框？

   <div id="status"></div>   

    <asp:Label runat="server" ID='Label1' >Name:</asp:Label>
    <asp:TextBox ID="txtName" runat='server'></asp:TextBox>
    ......
    ......

脚本：

$("#status").fadeTo(500, 1, function() { $(this).html("You are now registered!").fadeTo(7000, 0); })

Answer 1

在淡出后添加另一个回调以隐藏div。

$("#status").fadeTo(500, 1, function() { $(this).html("You are now registered!").fadeTo(7000, 0, function() { $(this).hide() } ); })

（新代码是最后一个回调，最后是function() { $(this).hide() }

Answer 2

$("#status").hide()

将display属性设置为'none'，并且应该按照您想要的方式折叠div。

Answer 3

您可以使用.hide（）函数或使用.css（）

将DIV宽度和高度更改为0

显示状态/消息

3 个答案: