-1

ページがロードされたときに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の遅延後にのみ上にスライドし、クリックされたときはスライドしません。

4

1 に答える 1

4

遅延機能は、クリックして実行するスライドアップを防ぎます。代わりに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/

于 2013-01-31T01:33:09.023 に答える