0

我试图让我网站上的所有 div 在加载时都向下滑动，但事实并非如此。不过，我已经为我的 jQuery 制作了一个单独的文档。

这是将HTML2 个文档链接在一起的标签：

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

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

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

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

4

5 回答 5

2

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

$(document).ready(function() {
var div=$("div").slideDown("slow");
});
于 2013-05-24T17:48:09.180 回答
1

看起来你缺少一个). 这是一个工作示例：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");
});
于 2013-05-24T18:04:41.163 回答
0

看演示

HTML

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

jQuery

$("div").hide();
$("#Down").click(function(){
   $("div").slideDown("slow");
});
于 2013-05-24T17:13:56.673 回答
0

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();
});
于 2013-05-24T17:31:29.820 回答
0

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

于 2013-05-24T17:45:09.207 回答