0

jQuery delay() に問題があります。まったく機能していません。私は過去にこの機能を使用していましたが、機能していました。CSSに何かあるのではないかと思いますが、実際には見つかりません。

jQuery コードは次のとおりです。

$(document).ready(function(){
 function delay() {
   $('.delay').slideDown(500);
  }
  setTimeout(delay, 2500);
});

HTML のコードは次のとおりです。 

  <div id="header">
        <img src="http://test.captive-portal.com/slideup/_images/header.png">
  </div>

    <div class="delay">
        <div class="spons"><img src="http://test.captive-portal.com/slideup/_images/brought-by.jpg"></div>          

        <div class="overflow">

            <div id="nav">

                <a href="#"><div class="menu-button1"><img src="http://test.captive-portal.com/slideup/_images/own-ad1.jpg"></div></a>
                <a href="#"><div class="menu-button"><img src="http://test.captive-portal.com/slideup/_images/b1.jpg"></div></a>
                <a href="#"><div class="menu-button"><img src="http://test.captive-portal.com/slideup/_images/b2.jpg"></div></a>
                <a href="#"><div class="menu-button"><img src="http://test.captive-portal.com/slideup/_images/b3.jpg"></div></a>
                <a href="#"><div class="menu-button"><img src="http://test.captive-portal.com/slideup/_images/b4.jpg"></div></a>

            </div>

        </div>        
        <div id="finalbut">
            <a href="access-ok.html"><img src="http://test.captive-portal.com/slideup/_images/butt-go-online.png"></a>
        </div>

  </div>

</div>

CSS (必要に応じて、問題が発生する可能性があるため) はこちら: CSS HERE

jsFiddle のすべてがここにあります: jsFiddle

4

1 に答える 1

5

表示する前に非表示にする必要があります。

$(document).ready(function(){
    $('.delay').hide();
    function delay() {
        $('.delay').slideDown(500);
    }
    setTimeout(delay, 2500);
});

より簡潔に：

$(document).ready(function(){
    $('.delay').hide().delay(2500).slideDown(500);
});
于 2012-11-20T20:27:50.620 に答える