Как я могу использовать jQuery, чтобы значок проверки появлялся несколько медленно, постепенно исчезая - PullRequest
Новая
       12

Как я могу использовать jQuery, чтобы значок проверки появлялся несколько медленно, постепенно исчезая

0 голосов
/ 23 января 2010

Вот что у меня есть, но на самом деле ничего не получается. (Я перетащил файл jQuery.js из обозревателя решений в область моего HTML-файла. 

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="SignUpFormTest._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            //fade in the context of whatever is inside the div tag.
            $('#name').fadeIn("slow");
        });
    </script>
</head>

<body bgcolor="#FFFFFF">

<p>
Note that this form doesn't actually do anything
except illustrate the Required Field Validator.
</p>

<form id="frmValidator" action="required.aspx" method="post" runat="server">

    Enter Your Name:
    <asp:TextBox id="txtName" runat="server" />
    <div id="name"><asp:RequiredFieldValidator id="valTxtName" ControlToValidate="txtName" ErrorMessage='<img src="../Images/no.png">' runat="server" /></div>

    <br />
    <asp:button id="btnSubmit" text="Submit" runat="server" />

</form>
<p>
Hint: Try submitting it before you enter something.
</p>
</body>


</html>

При проверке значок просто всплывает.

Нет, исчезать или что-то еще. Кроме того, я знаю, что мое текущее решение является хакерским, поэтому мне бы очень хотелось, чтобы кто-то сказал мне, что я должен делать вместо создания тега DIV только для целей одной анимации.

Ответы [ 2 ]

0 голосов
/ 23 января 2010

Убедитесь, что ссылка на JQuery действительна, и используйте этот код: 

$(document).ready(function() {
    $('#name').hide().fadeIn("slow");
});

Если я не ошибаюсь, так как div уже виден в вашем случае, jQuery не будет его затухать. Метод hide() гарантирует, что div изначально не виден, а затем медленно исчезает.

0 голосов
/ 23 января 2010 
 $(document).ready(function() { 
document.getElementById('valTxtName').onpropertychange = function(){
            $('#name').fadeIn("slow"); 
}

});
...