javascript - 将点击事件和延迟事件添加到 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

延迟功能可防止单击执行中的滑动。请改用 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/