Question

我希望页面在任何时候加载 OR 时向上滑动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/

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

1 个答案: