使用JQuery可以使文本在加载时淡入淡出,点击时无法使文本淡出

时间:2013-12-26 15:30:38

标签: javascript jquery html

不知道为什么会发生这种情况。第一次使用JQuery所以我可能做了一个非常简单的错误,但是如果有人想指出我做错了什么,那将非常感激:

<body><div id="content"><h1>Enter.</h1></div>

<script>

$(document).ready(function(){
    $("#content").hide(0).fadeIn(3000);
});

$("#content").click(function(){
    $("#content").fadeOut(3000).hide(0);
});

</script>

更新:问题在30秒内解决了,在引用内容时,在代码的第二部分错过了一个哈希。还修改了代码本身以更有效,并使用其他人建议的更少行代码来实现相同的效果。感谢您的快速帮助(而不是因为这么荒谬的简单错误而得到我的理由)!

1 个答案:

答案 0 :(得分:2)

您应该将click事件移动到文档准备就绪,并忘记#。试试这个

$(document).ready(function () {
    $("#content")
        .click(function () {
            $(this).fadeOut(3000);
        })
        .hide(0)
        .fadeIn(3000);
});