2010-05-19 6 views
0

상태 메시지를 표시 할 수 있으며 아무런 문제없이 작동하지만 유용성 문제가 하나 있습니다.상태/메시지 표시

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); }) 

답변

3

이 사업부를 숨기려면 페이드 아웃 후 다른 콜백을 추가) (.CSS 사용하여 0으로 DIV의 폭과 높이를 변경할 수 있습니다.

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

(새로운 코드는

2

$("#status").hide()

은 '없음'으로 표시 속성을 설정합니다 원하는처럼 사업부를 축소해야한다.

+0

지금 상태 메시지를 표시하지 않습니다 끝에 마지막 콜백, function() { $(this).hide() }과 공간은 여전히 ​​존재한다. –

1

당신은 .hide() 함수를 사용하거나

관련 문제