javascript - jquery 淡入淡出损坏

Question

我不知道为什么 Jquery 淡入对我的内容 div 不起作用

HTML:

<div id="content">
        <div id="logo">
            <img src="images/blue.jpg" alt="logo" />
        </div>
        <div id="form">
            <form action="controler.php" method="post" id="target">
            <input id="pass" type="text" value="Password" name="pass" /></form>
        </div>
</div>

Javascript:

$(document).ready(function(){
    $("#content").fadeIn(2000);
    $('#pass').click(function() {
        this.value="";
        return false;
    });
});

可能是小东西，但我找不到它

Answer 1

如果#content最初是可见的，那么fadeIn()什么也不做，因为该对象已经可见。

如果您将初始样式设置为 display: none，那么 fadeIn() 就可以完成它的工作。

要使其最初隐藏，您可以添加以下 CSS:

#content {display: none;}

或者，您可以添加内联样式标签:

<div id="content" style="display: none;">