将点击事件和延迟事件添加到div（jQuery）

Question

我希望页面在加载时向上滑动div（#splash）， 或者在任何时候都可以单击鼠标来向上滑动幻灯片。 这是我的代码不起作用

$(document).ready(function() {
    $(".fancybox").fancybox({
         openEffect : 'none',
         closeEffect    : 'none'
    });

    $("#splash").click(function(){
        $("#splash").slideUp(3000,"swing");
    });

    $("#splash").delay(2000).slideUp(3000,"swing");

});

我希望它滑起来对不起。 初始大小是整个页面的大小。 我希望它在延迟后或单击时在加载时向上滑动。

目前，div仅在2000延迟后才向上滑动，而不是在单击时才向上滑动

Answer 1

延迟功能可防止单击后的slideUp执行。 请改用setTimeout。

$(document).ready(function() {
    $("#splash").click(function(){
        $("#splash").slideUp(3000,"swing");
    });

    //Bad code: 
    //$("#splash").delay(5000).slideUp(3000,"swing");

    //Use setTimeOut 
    setTimeout(function (){$("#splash").slideUp(3000,"swing");} ,5000);

});

运作中的jsFiddle： http : //jsfiddle.net/basarat/QXEVP/