Question

我正在尝试让我网站上的所有div在加载时向下滑动，但事实并非如此。我为jQuery创建了一个单独的文档。

这是将{2}文档链接在一起的HTML标记：

<head>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>

这是jQuery代码，它使所有div在加载文档时向下滑动：

$(document).ready(function() {
var div=$("div").slideDown("slow");
};

我在CSS中将显示设置为none但现在没有显示任何div。如果有人能告诉我这个问题，那就太棒了！

Answer 1

我认为你的代码是正确的，但是缺少一个）最后，如果你有一个jquery错误，请在浏览器控制台中查看

$(document).ready(function() {
var div=$("div").slideDown("slow");
});

Answer 2

看起来你错过了)。这是一个有效的例子：http://jsfiddle.net/daCrosby/cuEHB/

CSS

div{
    display:none;
}

HTML

<div>
    content
</div>
<div>
    content
</div>

的jQuery

$(document).ready(function() {
    var div = $("div").slideDown("slow");
});

Answer 3

请参阅Demo

<强> HTML

<input type="button" value="Down" id="Down">
<div>
    BlaBlaBlaBlaBlaBlaBlaBlaBla
    BlaBlaBlaBlaBlaBlaBlaBlaBla
</div>

<强>的jQuery

$("div").hide();
$("#Down").click(function(){
   $("div").slideDown("slow");
});

Answer 4

<强> HTML

 <div id="slide" style="display:none;">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
 </div>

<强> Jquery的

$(document).ready(function()
{
    $("#slide").slideDown("slow").show();
});

Answer 5

我相信你需要为CSS中的所有div设置高度。这是因为jquery slideDown函数将根据css高度执行动画。由于您已经将display：none设置为所有div，因此您需要做的就是添加具有预期值的height属性，例如：身高：120px。

加载时jQuery slideDown

5 个答案: