Question

我希望在页面完全加载div内容时向下滑动一次，但这里不起作用是代码

$(document).ready(function() {
   $('#slidercontent').delay(1000).slideDown(100);
});

没有结果;（热修复它？

html

<div id="slidercontent">(here goes my Slideshow)</div>

CSS

#slidercontent {width:1101px; height:195px; margin:0 auto;}

Answer 1

您只需在CSS中添加display:none;即可。另外，我希望你在javascript之前包含jQuery库：

以下是工作小提琴： http://jsfiddle.net/gopi1410/Sjarv/1/

（已将slideDown时间增加到1000以使其更加明显）

Answer 2

没有名为slideLeft的默认效果，因此您必须使用：

$(document).ready(function(){
    $("#selector").delay(1000).animate({width:0},500);
});

或者您可以使用 setTimeout（）方法

$(document).ready(function(){
    setTimeout(function(){
        $('#slidercontent').animate({width:0},100,function(){
            // do some other stuff after the animation is complete
        });
    },1000);
});

页面完全加载时，auto slidedown div无法正常工作

2 个答案: