2

如何使用 jquery 为嵌套元素设置动画?我一直在尝试使用 jquery 使表格可见几个小时,但它不起作用。注释掉的

//document.getElementById("passwordCon").style.visibility="visible";

工作得很好,但我想为它制作动画。怎么了!!!我尝试使用动画功能和可见性:可见但没有任何效果。id 是对表 id 的引用。

编辑:表格的 html 样式属性是可见性:隐藏。我想通过 jquery 和动画显示表格。

javascript

$(document).ready(function(){
    $("#username").keyup(function(){
        $.post("tryUser.php",
        {
           name:$(this).serialize()
        },
        function(data){
            if(data == "no")
            {   
                //document.getElementById("passwordCon").style.visibility="visible";
                $("#passwordCon").fadeIn(500);
            }
            else 
            {                    
                document.getElementById("passwordConfTitle").style.visibility="hidden";
                document.getElementById("passwordCon").style.visibility="hidden";
            }
        });
   });
});
4

3 回答 3

0

尝试使用隐藏:

  $("#passwordCon").hide(1000);

您可以检查示例代码:

http://w3schools.com/jquery/tryit.asp?filename=tryjquery_hide_slow

http://w3schools.com/jquery/jquery_hide_show.asp

于 2013-06-17T06:30:38.283 回答
0

我认为fadeIn不支持visibility: hidden

演示:小提琴

一种可能的解决方法是使用不透明度

$('#test').css({opacity: 0, visibility: "visible"}).animate({opacity: 1}, 500)

演示:小提琴

于 2013-06-17T06:39:45.077 回答
0

尝试:

$("#passwordCon").hide().fadeIn(500);
于 2013-06-17T06:27:33.990 回答